.red {
  color: #ee0000;
  font-weight: 900;
}
.gray {
  color: #999;
  font-weight: 900;
}
.blue {
  color: #0000cc;
}
.bold {
  font-weight: 900;
  font-size: larger;
}
.smallprint{
	font-size:9px;
}
.center{
	text-align:center;
}

h1 {
  font-family: Geneva,Helvetica,Arial;
  font-style: italic;
}
body {
  border: 1px solid #800000;
  margin: 1em auto;
  padding: 4px;
  background: #FFD9AD ; 
  color: #000000;
  width: 820px;
}
.logoBG {
/*  background: #FFD9AD  url(lib/logo_Tanz_fuer_Jesus_klein.png) no-repeat scroll 60% 50%;*/
  background: #FFD9AD  url(lib/logo_Gold.png) no-repeat scroll 60% 50%;
}
p {
  padding: 2px;
  margin: 5px;
  font-family: serif,"Times";
  
}
img {
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.imgR {
	float: right;
	padding: 2em;
	text-align:center;
	/* padding-left: 8px; */
}

.imgL {
	float: left;
	padding: 2em;
	text-align:center;
	/* padding-right: 8px; */
}
.imgIcon{
}

.hidden {
  display: none;
}
ul { list-style-type: none;}

ul.bullet li{list-style-type: disc; font-family: serif,"Times";font-size: 1em;}

li ul {  list-style-type: disc;
}
li {
  text-align: left;
  font-family: sans-serif;
  font-size: small;
  padding-left: 0;
  margin-bottom: 1ex;
}


#cornerImage {
  position: fixed;
  left: 0px;
  top: 0px;
  height: 190px;
  width: 190px;
}
#banner {
/* // NOT USED FOR Gerhild Herrmann Singt
  border: 0px solid #ffa201;
  margin: 4px;
  padding: 2px;
  background: transparent url(lib/banner1.jpg) no-repeat scroll left center;
  height: 139px; */
}
#footer {
  border-top: 1px solid #800000;
  margin: 4px;
  padding: 5px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  clear: both;
  text-align: center;
  font-size: small;
}
#content {
  border: 0px solid #ffa201;
  padding: 5px;
  margin-left: 5px;
  margin-right: 5px;
  text-align: justify;
}
#button {
  float: right;
  clear: none;
  padding-top: 4px;
  margin-left: 4px;
  font-family: Geneva,Helvetica,Arial,sans-serif;
  font-size: small;
  font-weight: bold;
  color: #333333;
}
#button ul {
  border:  none;
  margin: 0;
  padding: 0 1em 0 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
#button li {
  display: inline;
}
#button li a {
  border-left: 3px solid #aaaa00;
  border-right: 3px solid #aaaa00;
  padding: 2px 5px 6px;
  background-color: #aa0000;
  color: #ffffff;
  text-decoration: none;
  width: 100%;
}
html > body #button li a {
  width: auto;
}
#button li a:hover {
  border: 3px solid #ccaa00;
  background-color: #aa0000;
  color: #ffff00;
}
#list li {
  font-family: sans-serif;
  font-size: small;
  list-style-type: none;
  padding-left: 0;
  padding-bottom: 1ex;
}
.diary {
  list-style-type: disc;
}

/* used to toggle hiding and showing of DIVs. Requires Javascript? */
.hide { display: none; }
.show { display: inline; }

/* Used for the Detail boxes in "Material" */
.greyout{
	position: fixed;
	background: transparent url(lib/t2x2.png);  
	top: 0; left: 0; bottom: 0; right: 0; 
	text-align: center;
}
.product{
	position: fixed;
	top: 10em;
	left: 50%;
	margin-left: -275px;
	width: 550px;
	padding: 1em; 
	background: white; /* #FFD9AD */
	border: 1px solid black;
	text-decoration: none; color: #000;
}
.closeBox {
	position: absolute;
	top: 2px; right: 2px; 
	padding: 2px;
}