@charset "utf-8";

body {
	margin: 0; 
	padding: 0;
	text-align: center;
	background-color: #FFFFCC; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#gridContainer {
	max-width: 1100px;
	background-color: #FFFFCC;
	text-align: left; 
	margin: 0 auto;	
	padding: 0;
}

#Debug {
	display:none;
	height:0;	
}

#LayoutHeader {
	clear: both;
	float: left;
	width: 100%;
	background-color:#ffcc99;
	min-height: 120px;
	background-image: url("../images/header_175.jpg");
	background-position:right;
	background-repeat: no-repeat;
	background-size:auto;
}

#LayoutHeader p{
	visibility:hidden;
	font-color:#ffcc99;
}

#LayoutTitel {
	clear: both;
	/*background-color: #FFFFCC;*/
}

h1 {
	padding: 1em 0em 0em 1em;
}

#LayoutPublicLink {
	clear: both;
	padding-left: 2em;
	float:left;
	/*background-color: #FFFFCC;*/
}

#LayoutBenutzer {
	float:right;
	padding-right: 2em;
	text-align:right;
	/*background-color: #FFFFCC;*/
}

#LayoutBenutzer p{
	text-align:right
}

#LayoutTabelle {
	clear: both;
	/*background-color: #FFFFCC;*/
	padding: 0.1em 2em;
}

#LayoutSuche {
	clear: both;
	margin-top: 1em;
	padding: 0.1em 2em;
	background-color:#ffcc99;
	font-size: 0.9em;
}

#LayoutLogin {
	clear: both;
	margin: 1em 0;
	padding: 1em 0;
	background-color:#ffcc99;
	font-size: 0.9em;
	text-align:center;
}

#LayoutLogin p{
	text-align:center;
	color: red;
	font-style:italic;
}

#LayoutLogin table{
	text-align:center;
	margin: 0 auto;
}

#LayoutPdf_link {
	clear: both;
	text-align:right;
	padding-right: 2em;
	/*background-color: #FFFFCC;*/
}

#LayoutErgebnis {
	clear: both;
	padding: 0.1em 2em;
	/*background-color: #FFFFCC;*/
}

#LayoutText {
	clear: both;
	padding: 1em 2em;
}

#LayoutFooter { 
	clear: both;
	padding: 0 2em; 
	/*background:#FFFFCC;*/
} 
#LayoutFooter p {
	margin: 0; 
	padding: 1em; 
	text-align:center;
	color: #666;
	font-size: 0.8em;
	font-weight: bold;
}

#suchfeld{
	width: 40%;
}

img, object, embed, video {
	max-width: 100%;
}

h3 {
    font-family: Times, serif;
	font-style: italic;
	font-size: 1.5em;
}

td {
    vertical-align: top;
	padding-left: 2em;
    padding-bottom: 0.5em;   
	border: 0;
}

.gebet {
	padding-top: 0.5em;
    font-family: Times,  serif;
    font-weight: bold;
    font-style: italic;
    font-size: 1.25em;
    text-align: center;
}

.gebetAutor {
    font-family: Times,  serif;
    font-weight: bold;
    font-style: italic;
    font-size: 1em;
    text-align: right;
	padding-right: 2em;
}

.geborene {
    font-style: italic;
    font-size: 0.8em;    
}

.zentriert {
	text-align:center;	
}

.kleiner {
    font-size: 0.9em;    
}

input:disabled {
  background: gainsboro;
}

.sterbedaten td {
    vertical-align: top;
	padding-left: 1em;
    padding-bottom: 0.5em;   
	border: 0;
	font-size: 0.8em; 
}

/* Extra small devices (phones, 400px and down)  */
@media only screen and (max-width: 400px) {
	
	body {
		background-color: #FFF; 
	}
	
	#gridContainer {
		width: 100%;
		background-color: #FFFFCC;
		text-align: left; 
		margin: 0;	
		padding: 0;
	}	
	
		#LayoutTitel {
			text-align:center;
		}	
			
		#LayoutTabelle {
			padding: 0.1em;
		}
		
		#LayoutSuche {
			padding: 0.1em 2em;
		}
		
		#LayoutPdf_link {
			padding-right: 2em;
		}
		
		#LayoutErgebnis {
			padding: 0.1em 2em;
		}
		
		#LayoutText {
			padding: 0.1em 2em;
		}
		
		#LayoutFooter { 
			padding: 0 2em; 
		} 
		
		#LayoutFooter p {
			padding: 1em; 
		}	
		
		h1 {
			padding: 1em 0em 0em 0em;
		}
				
		td {
			padding-left: 5px;
			border: black thin solid;
		}
		
		h3 {
			font-size: 1em;
		}	
		
		.gebet {
			font-size: 1.1em;
		}
		
		.gebetAutor {
			font-size: 0.9em;
		}	
		
		#suchfeld{
			width: 35%;
		}
}

/* small devices (phones, 401px - 649px)  */
@media only screen and (min-width: 401px) {

	#gridContainer {
		margin-left: auto;
		margin-right: auto;
		width: 96%;
		padding-left: 1.6%;
		padding-right: 1.6%;
	}	
		
	#LayoutHeader {
		min-height: 95px;
		background-image: url("../images/header_350.jpg");
	}	
}

/* Extra small devices (phones, 650px - ) */
@media only screen and (min-width: 650px) {
	
	#LayoutHeader {
		min-height: 120px;
		background-image: url("../images/header_600.jpg");
	}	
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 800px) {
	
	#LayoutHeader {
		min-height: 145px;
		background-image: url("../images/header_750.jpg");
	}	
}


/* Desktoplayout: 950 bis maximal 1100 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */
/* Large devices (laptops/desktops, 950px and up) */
@media only screen and (min-width: 950px) {
	
	#LayoutHeader {
		min-height: 170px;
		background-image: url("../images/header_900.jpg");
	}

}