@charset "utf-8";
@font-face { font-family: Trio-font; src: url('font/Avenir.ttc'); } 
@font-face { font-family: Trio-font; font-weight: bold; src: url('font/MinionPro-Bold.otf');}
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
html {
	height: 100.5%;
	
}
body {
	background-image: url("../images/background.png");
	
}
/** Wrap **/
div.wrap {
	width: 1024px;
	height: 660px;
	position:relative;
	margin: 10px auto;
	background: url(../images/frame.png) no-repeat;
	z-index: 2;
}
/** Züüg u Sache **/
div.news {
	background-image:url(../images/news.png);
	background-repeat:no-repeat;
	background-size:129px 42px;
	position: absolute;
	top:167px; 
	left:159px; 
	width: 130px;
	height: 45px;
	z-index: 1;
}
div.news:hover {
	background-image: url(../images/news-hover.png);
}

/** Gästebuech **/
div.ds_trio {
	background-image:url(../images/ds_trio.png);
	background-repeat:no-repeat;
	background-size: 80px auto;
	position: absolute;
	top:173px; 
	left:750px; 
	width: 125px;
	height: 45px;
	z-index: 1;
}
div.ds_trio:hover {
	background-image: url(../images/ds_trio-hover.png);	
}

/** Konzärt **/
div.concert {
	background-image:url(../images/concert.png);
	background-repeat:no-repeat;
	background-size: 100px 34px;
	position: absolute;
	top:397px; 
	left: 360px; 
	width: 100px;
	height: 34px;
}
div.concert:hover {
	background-image: url(../images/concert-hover.png);	
}

/** Zum Luege u Lose **/
div.media {
	background-image:url(../images/media.png);
	background-repeat:no-repeat;
	background-size: 220px 34px;
	position: absolute;
	top:399px; 
	left: 673px; 
	width: 220px;
	height: 34px;
}
div.media:hover {
	background-image: url(../images/media-hover.png);	
}

/** Fründe **/
div.friends {
	background-image:url(../images/friends.png);
	background-repeat:no-repeat;
	background-size: 70px 43px;
	position: absolute;
	top:491px; 
	left: 169px; 
	width: 80px;
	height: 49px;
}
div.friends:hover {
	background-image: url(../images/friends-hover.png);	
}

/** Kontakt **/
div.contact {
	background-image:url(../images/contact.png);
	background-repeat:no-repeat;
	background-size: 80px 50px;
	position: absolute;
	top:483px; 
	left: 775px; 
	width: 80px;
	height: 50px;
}
div.contact:hover {
	background-image: url(../images/contact-hover.png);	
}

/** Chef **/
div.chef {
	position: absolute;
	top:538px; 
	left: 575px; 
	width: 10px;
	height: 10px;
}