.txtnav {
	position:absolute;
	
	font:"Eras Light ITC", "Eras Medium ITC";
	font-family:"Eras Light ITC", "Eras Medium ITC";
	cursor:default;
	width:25%;
	
	top:0px;
	left:0px;
	overflow:auto;
	padding-left:10px;
	padding-top:10px;
	color: #FFF
	
}

.txtfeld {
	position:absolute;
	font:"Eras Light ITC";
	font-family:"Eras Light ITC";
	color:#FFF;
	cursor:default;
	width:75%;
	
	top:0px;
	right:0px;
	overflow:auto;


}

.propics {
	font:"Eras Light ITC";
	font-family:"Eras Light ITC";
	color:#FFF;
	cursor:default;
	width:100%;
	height:50%;
	top:20px;
	right:0px;
	overflow:auto;
	padding-left:-20px;
	padding-right:0px;
	}

.fotovorstellung {
	position:absolute;
	background-image:url(images/hg.png);
	font:"Eras Light ITC";
	font-family:"Eras Light ITC";
	cursor:default;
	top:100px;
	right:50%;
	

}
	

.contactsite{
	position:absolute;
	width:14%;
	height:20%;
	top:73%;
	left:2%;
	background-image: url(images/hg.png);
	opacity:10%;
	font: "Eras Light ITC";
	font-family: "Eras Light ITC"; 
	color:#FFF;
	cursor:default;
	font-size:1em;
	overflow:auto;
}

.txt {
	position:absolute;
	background-image:url(images/hg.png);
	top:23%;
	left:18%;
	width:60%;
	height:70%;
	

}

.footer {
	position:absolute;
	width:100%;
	height:3%;
	background-color: #333;
	bottom:0px;
	left:0px;
}

.imp {
	position:absolute;
	width:auto;
	top:20%;
	height:auto;
	right:10px;
	font:"Eras Light ITC";
	font-family:"Eras Light ITC";
	color:#FFF;
	cursor:pointer;
	font-size:0.7em;
	
}

.links {
	position:absolute;
	width:auto;
	top:20%;
	height:auto;
	right:80px;
	font:"Eras Light ITC";
	font-family:"Eras Light ITC";
	color:#FFF;
	cursor:pointer;
	font-size:0.7em;
}

.aktuell{
	position:absolute;
	width:auto;
	top:20%;
	height:auto;
	right:120px;
	font:"Eras Light ITC";
	font-family:"Eras Light ITC";
	color:#FFF;
	cursor:pointer;
	font-size:0.7em;
}



.copy {
	position:absolute;
	width:auto;
	top:20%;
	height:auto;
	left:10px;
	font:"Eras Light ITC";
	font-family:"Eras Light ITC";
	color:#FFF;
	cursor:default;
	font-size:0.7em;

}



.navi {
	position:absolute;
	background-image: url(images/hg.png);
	background-repeat:repeat;
	box-shadow:0 0.25vw 0.4vw rgb(38,38,38);
	top: 10vh;
	left:0px;
	width:100%;
	height:4vh;
	font:"Eras Light ITC";
	font-family:"Eras Light ITC";
	font-size:2vh;
	text-align:left;
	display:table;
	
}



.button {
	box-sizing:border-box;
	width:auto;
	padding:1vw;
	font:"Eras Light ITC";
	font-family:"Eras Light ITC";
	color:#FFF;
	cursor:pointer;
	font-size:2vh;
	display:table-cell;
	vertical-align:middle;
	
	
}
.archicell{
	position:absolute;
	width:100%;
	height:10vh;
	left:0px;
	top:0px;
	display:table;
	
}
.archi{
	
	font:"Eras Light ITC";
	font-family:"Eras Light ITC";
	color:#FFF;
	cursor:pointer;
	font-size:5vh;
	display:table-cell;
	vertical-align:bottom;
	text-align:right;
	padding-bottom:0.5vh;
	padding-right:0.5vw;
	}

.toppic {
	
	width:4vw;
	height:4vw;
	position:absolut;
	display:table-cell;
	vertical-align:middle;
	padding-right:0.5vw;
	
	

}

.navright{
	position:absolute;
	width:50%;
	height:auto;
	right:0px;
	top:0px;
}


.slideshow {
	position:relative;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:0
}
	
ul {list-style:none}

.cb-slideshow
.cb-slideshow:after {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 0;
}

.cbslideshow:after {
	content: '';
	background: transparent url(Unbenannt-3.png) reapeat top left;
}

.cb-slideshow li span {
	width: 100%;
	height: 100%;
	position:fixed;
	top: 0px;
	left: 0px;
	color:transparent;
	background-size:cover;
	background-position:50% 50%;
	background-repeat:none;
	opacity: 0;
	z-index: 0;
	animation-name:imageAnimation;
	animation-duration:36s;
	animation-iteration-count: infinite;
	animation-timing-function:linear;
	-webkit-animation-name:imageAnimation;
	-webkit-animation-duration:36s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;

}


.cb-slideshow li:nth-child(1) span {
	background-image:url(images/1.jpg);
}
.cb-slideshow li:nth-child(2) span {
	background-image:url(images/2.jpg);
	animation-delay: 6s;
	-webkit-animation-delay:6s;
}
.cb-slideshow li:nth-child(3) span {
	background-image: url(images/3.jpg);
	animation-delay: 12s;
	-webkit-animation-delay:12s;
}
.cb-slideshow li:nth-child(4) span {
	background-image: url(images/4.JPG);
	animation-delay: 18s;
	-webkit-animation-delay:18s;
}
.cb-slideshow li:nth-child(5) span {
	background-image: url(images/5.jpg);
	animation-delay: 24s;
	-webkit-animation-delay:24s;
}
.cb-slideshow li:nth-child(6) span {
	background-image: url(images/6.jpg);
	animation-delay: 30s;
	-webkit-animation-delay:30s;
}

.cb-slideshow li:nth-child(2) div {
	animation-delay: 6s;
	-webkit-animation-delay:6s;
}
.cb-slideshow li:nth-child(3) div {
	animation-delay: 12s;
	-webkit-animation-delay:12s;
}
.cb-slideshow li:nth-child(4) div {
	animation-delay: 18s;
	-webkit-animation-delay:18s;
}
.cb-slideshow li:nth-child(5) div {
	animation-delay: 24s;
	-webkit-animation-delay:24s;
}
.cb-slideshow li:nth-child(6) div {
	animation-delay: 30s;
	-webkit-animation-delay:30s;
	
}

@keyframes imageAnimation {
	0% {opacity:0; animation-timing-function:ease-in}
	8% {opacity:1; animation-timing-function:ease-out}
	17% {opacity:1}
	25% {opacity:0}
	100% {opacity:0};
	
}

@-webkit-keyframes imageAnimation {
	0%{-webkit-opacity:0; -webkit-animation-timing-function:ease-in}
	8%{-webkit-opacity:1; -webkit-animation-timing-function:ease-out}
	17%{opacity:1}
	25%{opacity:0}
	100%{opacity:0};
}

.no-cssanimations .cb-slideshow li span {
	opacity. 1;
}

@font-face {
	font-family:"Eras Light ITC";
	src:url(ERASLGHT.TTF) format("truetype");
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:"Eras Light ITC";
	src: url(ERASLGHT.eot) format('eot');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:"Eras Light ITC";
	src: url(ERASLGHT.woff) format("woff");
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:"Eras Light ITC";
	src: url(ERASLGHT.svg#ErasITC-Light) format ("svg");
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:"Eras Light ITC";
	src: url(ERASLGHT.otf) format("opentype");
	font-weight:normal;
	font-style:normal;
}