.img {
    opacity: 1.0;
    filter: alpha(opacity=100); 
}

.img:hover {
    opacity: 0.75;
    filter: alpha(opacity=75); 
}

html {
        background:url(images/1.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

@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;
}

.txtnav {
	position:absolute;
	
	font:"Eras Light ITC", "Eras Medium ITC";
	font-family:"Eras Light ITC", "Eras Medium ITC";
	cursor:default;
	width:29%;
	height:90%;
	top:5%;
	left:0px;
	overflow:auto;
	padding-left:1%;
	color: #FFF;
	border-right:0.5%;
	border-right-style:solid;

	border-right-color:#666;
	
	
	
	
}

.txtfeld {
	position:absolute;
	font:"Eras Light ITC";
	font-family:"Eras Light ITC";
	color:#FFF;
	cursor:default;
	width:68%;
	height:90%;
	top:1%;
	right:0px;
	overflow:auto;
	padding-left:2%;

}

.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:15vw;
	height:20%;
	top:71.5%;
	left:2vw;
	background-image: url(images/hg.png);
	opacity:10%;
	font: "Eras Light ITC";
	font-family: "Eras Light ITC"; 
	color:#FFF;
	cursor:default;
	font-size:auto;
	overflow:auto;
	padding-left:0.5vw;
	padding-top:0.5vh;
}

.txt {
	position:absolute;
	background-image:url(images/hg.png);
	top:22%;
	left:20vw;
	width:70%;
	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:100px;
	right:0px;
	top:0px;
}


.piccurcell{

	width:90%;
	height:100%;
	right:0px;
	top:0px;
	display:table;


}

.piccur{
	float:left;
	margin-left:10%;
	margin-top:10%;
	box-sizing:border-box;
	width:20%;
	height:60%;
	font:"Eras Light ITC";
	font-family:"Eras Light ITC";
	color:#FFF;
	cursor:pointer;
	font-size:2vh;
	display:table-cell;
	vertical-align:middle;
	
	
}