@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1900px) 
  and (-webkit-min-device-pixel-ratio: 2)
{
	.kocontain { font-size: 75%; }
	#txtarea { height: 30px;
				width: 400px;}
}
@media screen 
  and (min-device-width: 1500px) 
  and (max-device-width: 2000px) 
{
	.kocontain { font-size: 100%; }
	#txtarea { height: 75px;
				width: 600px;}
}

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


#txtarea {
	border-radius:5px;
	background-color: #F5F5F5;
	}
#txtform {
	border-radius:5px;
	background-color: #F5F5F5;
	}
		
.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;
}
	

.txtinh {
	
		position:absolute;
	font:"Eras Light ITC";
	font-family:"Eras Light ITC";
	color:#FFF;
	cursor:default;
	width:98%;
	height:90%;
	top:2%;
	left:1%;
	overflow:auto;	
	
}

.kocontain {
	
	position:absolute;
	font:"Eras Light ITC";
	font-family:"Eras Light ITC";
	cursor:default;
	width:90%;
	height:95%;

}



.koko {
	
	position:absolute;
	font:"Eras Light ITC";
	font-family:"Eras Light ITC";
	cursor:default;
	width:35%;
	height:45%;	
	top:0px;
	left:0px;

}

.kofo {
	
	position:absolute;
	font:"Eras Light ITC";
	font-family:"Eras Light ITC";
	cursor:default;
	width:65%;
	height:45%;
	padding-left:40%;
	top:0px;
	left:0px;
}
.komap {
	
	position:absolute;
	font:"Eras Light ITC";
	font-family:"Eras Light ITC";
	cursor:default;
	width:100%;
	height:40%;
	bottom:0px;
	left:0px;
	cursor:pointer;
	
}



.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:65%;
	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;

}




	
	
	
	
	
}

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