/*
/*******************************************************
*
Theme Name:
Theme URI:
Description:
Version:       1.0
Author:        A. Jenal
License:       none (public domain)
Tags:          CSS Einstellungen für Bestattungen-Jenal
*
*******************************************************/*/

/* Grundlegende Styles */
html
{
	font-size: .90em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	color: White;
	background-color:#8B3E2F;
	margin: 0px;
	padding: 0px;
}
/* Reset & Grundlayout */
body
{
	height:100%;
	margin:0;
	padding:0;
	padding-right: 50px;
	color: White;
	background-color:#8B3E2F;
}
ol {
  list-style-type: none;
	font-size: 1em;
}
h1 {
  font-size: 3em; /* Grösse der Schrift */
  color: #ffffff; /* Textfarbe */
  text-shadow: 2px 2px 4px #000000; /* Schatten: 2px rechts, 2px unten, 4px Weichzeichnung, schwarze Farbe */
}
h2, h3 {
  color: #ffffff; /* Textfarbe */
  text-shadow: 2px 2px 4px #000000; /* Schatten: 2px rechts, 2px unten, 4px Weichzeichnung, schwarze Farbe */
}
.main-image-container img {
	border: 1px solid black;
	width: 211px;
	height: 243px;
}
.home-button {
	background-color: #a3473bb1; /* Green */
	border: none;
	color: white;
	padding: 10px 12px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	margin: 4px 2px;
	cursor: pointer;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); /* Adds shadow */
}
.button {
    background-color: #2675ec; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); /* Adds shadow */
}
.button:hover {
  background-color: rgb(138, 190, 239); /* Background color changes on hover */
}

/* Layout-Struktur */
.logotext
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : White;
	text-align : center;
}

.maintext
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: White;
	background-color:#8B3E2F;
	text-align: left;
	font-size : larger;
	padding: 2;
	margin:2;
}

a:link, a:visited, a:hover
{
	font-family: Arial, sans-serif;
	font-size: 11pt;
	letter-spacing: 0.5px;
	color:#87CEFF;
	text-decoration: none;
	text-transform : capitalize;
	text-align: center;
	vertical-align: middle;
}

a:active
{
	font-family: Arial, sans-serif;
	font-size: 10pt;
	letter-spacing: 0.5px;
	color:#0A0A0A;
	text-decoration: none;
	text-transform : capitalize;
	text-align: center;
	vertical-align: middle;
}

form, td, th
{
	padding: 0px;
	margin: 0px;
	color: White;
}

/* Komponenten */
.topnav
{
  overflow: hidden;
  background-color: #333;
}
.topnav a
{
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 14px;
}
.topnav a:hover
{
  background-color: #ddd;
  color: black;
}
.topnav a.active
{
  background-color: #04AA6D;
  color: white;
  padding: 14px 16px;
}
.topnav a.inactive
{
  background-color: #8B3E2F;
  color: #8B3E2F;
  text-indent: 180px;
}
.submenu {
	overflow: hidden;
}
.submenu a {
	float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 14px;
}
.submenu a:hover
{
  background-color: #ddd;
  color: black;
}
.submenu a.active{
  background-color: #04AA6D;
  color: white;
  padding: 14px 16px;

}
.submenu a.inactive {
  background-color: #8B3E2F;
  color: #8B3E2F;
  text-indent: 220px;
}

/* Hilfsklassen */
/*.hidden {display: none;}*/