/* CSS-Layout */

	a {
	color: #733c21;
	}
	a:active {
	color: #000000;
	}
	a:hover {
	color: #000000;
	}
 
	#top_page_content {
	width: 80%;
	background-color:white;
	position:absolute;
	margin-right:0cm;
	margin-left:0cm;
	font-size:12.0pt;
	font-family:"Calibri";
	overflow:auto;	
	}


	#wrapper {
	min-height: 80%;
	height: 80%;
	margin: 0 0 -50px; /*-50px Höhe des Footers */
	width: 80%;
	min-width:1024px;
	margin: 0 auto;

	}

	#footer {
    position:fixed;
    bottom:0px;
    text-align:center;
    padding:10px;
    width:100%;
	left: -8px;
	margin:0px;
	font-family:Calibri;
	font-size:small;
	text-shadow: 1px 1px 1px black;
	border-top: 1px solid rgba(0,0,0,0.9);
	color:#ffffff;
	height:20px;
	background: rgba(0,0,0,0.8);
	box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 8px rgba(120,120,120,0.18), inset 0 10px 20px rgba(255,255,255,0.2), inset 0 -10px 30px rgba(0, 0, 0, 0.8) 
	}

	
	
	
	
	
  body {
    background-color:#f7e7bd;
	background-position:0px 0px;
    background-repeat:repeat;
  }
  
  
  
/*Slider*/
#slider {
width:80%;
margin:0px auto;
}

/*textwechsel*/
div.test:hover .nachher
{
  display: block;
}
div.test:hover .vorher
{
  display: none;
}
.test .vorher, .test .nachher
{
  position: relative;
  top: 10px;
  width: 100%;
  height: 50px;
}
.test .nachher
{
  display: none;
  z-index: 100;
  font-style:oblique;
}
.test .vorher
{
  display: block;
  font-weight:bold;
  z-index: 50;
}