/* CSS Document */

body	{ margin:0; font:normal 9pt/1.3em "Segoe UI", Arial, Helvetica, sans-serif; background:#990000 url(../img/bg_body.gif) repeat-y center; overflow-y:scroll;}
h1, h2, h3, h4{ color:#990000; font-weight:normal;  font-family: Georgia, "Times New Roman", Times, serif; margin-bottom:5px; text-shadow:#666 2px 2px 6px;}
h1	{font-size:190%; line-height:1.3em}
h2	{font-size:160%;}
h3	{font-size:130%;}

a:link, a:visited { color:#000;}
a:hover { color:#333}
.rechts { text-align:right!important; white-space: nowrap;}
.mitte	{ vertical-align:middle!important}
td		{ vertical-align:top}
img		{ border:none}
.tr_titel { font-weight:bold; border-bottom:solid 1px #990000}
ul		{ margin:0 0 5px 0; padding-left:20px;}

#bamboo { position:fixed; width:800px; height:100%; left:50%; margin-left:-400px; background:url(../img/bg_bamboo.jpg)} 
	#headleft { position:absolute; width:295px; height:241px; background:url(../img/fusschale.jpg) no-repeat}
#headright { position:fixed; left:50%; margin-left:-105px; top:0px; width:470px; height:193px; background:url(../img/header.png) no-repeat; text-align:right; z-index:21;}
	#headright img 	{ margin:40px 20px 0		 }
#contouter { position:absolute; width:465px; left:50%; margin-left:-100px; z-index:10}
	#content { margin:200px 0 10px; background:#fff url(../img/roterecken.gif) no-repeat right bottom; overflow:visible}
		#content div { margin:0 15px 0px 20px; padding:10px 0 40px}
	#footer { position:relative; width:465px; margin:3px 40px 20px 0; font-size:80%; text-align:right;}

	
	#bild1 { position:absolute; top:45%; left:40px; z-index:10}
	#bild2 { position:absolute; top:55%; left:150px; z-index:8}
	#bild3 { position:absolute; top:70%; left:90px; z-index:9}
	
	#spruch {position:fixed; top:120px; left:50%; margin-left:-390px; z-index:200}

#seoinfo { display:none}

.bildre { float:right; margin-left:3px; }
.cera { margin:0!important; padding:0!important}

/* Termin Button */
#terminButton {
    position: absolute;
    top: 300px;
    width: 295px;
    display: flex;
    justify-content: center;
  animation-name: fade-in;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-delay:0;
	  z-index:1000;
}
#terminButton a {
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
transition: all 400ms ease-out;}

#terminButton a:link, #terminButton a:visited {
    width: 50%;
    text-align: center;
    padding: 18px 18px 13px 18px;
    text-transform: uppercase;
    background-color: #f7f7f7;
    font-size: 15px;
    text-decoration: none;
    box-shadow: 5px 5px 10px rgba(0,0,0,.5);
    font-weight: bold;
    color: #900;
    border: none;
	border-bottom: solid 5px #ffff;
}
#terminButton a:hover {
    background-color: #fff;
    font-size: 16px;
	border-bottom: solid 5px #900;
}

@keyframes fade-in {
  0% {
    transform: translateX(0px) translateY(100px);opacity:0
  }
  60% {
    transform: translateX(0px) translateY(100px);opacity:0
  }

  100% {
    transform: translateX(0px) translateY(0px); opacity:1
  }
}


/* Accordion */
h3, h3.togglerAct {
	border-bottom:solid 2px #ccc;
	background: #fff;
	color: #990000;
	margin: 0 0 4px 0;
	padding: 6px 5px 1px 0px;
}
h3 {
	cursor: pointer;
	background:url(../img/pfeil.gif) no-repeat right;

}
h3.togglerAct {
	background-color:#ccc;
	border-bottom:solid 2px #990000;
	color:#fff;
	padding: 2px 0 2px 5px;
	margin-top:3px;
	}
	
h3:hover { background:url(../img/menubgpfeil.gif) no-repeat right bottom; color:#990000; border-bottom:solid 2px #990000;}


.element {
	margin:0px;
	font-size:12px;
	font-weight:normal;
}

.lbOverlay { background-color:#990000!important}