@charset "UTF-8";
body {
	background-color: #333333;
	background-image: url('../layoutbin/pageback.jpg');
	background-position: center;
	background-repeat: repeat-y;
	color: #FFFFFF;
	font-family: helvetica, arial, sans-serif;
	font-size: 13px;
}
#wrapper{
	width: 850px;
	margin-left: auto;
	margin-right: auto;
}
#wrapper #sidebar{
	width: 250px;
	float: left;
	
}
#wrapper #sidebar #logo{
	width: 190px;
	height: 190px;
	background-image: url('../layoutbin/felalogo.jpg');
	margin: 30px;
	
}
#wrapper #main{
	width: 600px;
	background-image: url('../backgrounds/fallback.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment:fixed;
	min-height: 900px;
	margin-left: 250px;
}
#wrapper #main #content {
	width: 500px; /*540px-20px-20px*/
	padding: 20px;
	margin-left: 30px;
	background-image: url('../layoutbin/textback.png');
	background-repeat: repeat;
	position: relative;
	top: 30px;
}

/*MENU STYLES-----------------------------------------------------------------*/
#menu ul li a{
	display: block;
	width: 250px;
	height: 30px;
	text-indent: -20000px;
	border: 0px;
	border-bottom: 1px solid #CCCCCC;
}

#menu li#news a{
	background-image: url('../layoutbin/btnnews.gif');
	background-position: top left;
}
#menu li#news a:hover{
	background-position: left 60px;
}
#menu li#news a:active{
	background-position: left 30px;
}


#menu li#karte a{
	background-image: url('../layoutbin/btnkarte.gif');
	background-position: top left;
}
#menu li#karte a:hover{
	background-position: left 60px;
}
#menu li#karte a:active{
	background-position: left 30px;
}


#menu li#events a{
	background-image: url('../layoutbin/btnevents.gif');
	background-position: top left;
}
#menu li#events a:hover{
	background-position: left 60px;
}
#menu li#events a:active{
	background-position: left 30px;
}


#menu li#reservation a{
	background-image: url('../layoutbin/btnreservation.gif');
	background-position: top left;
}
#menu li#reservation a:hover{
	background-position: left 60px;
}
#menu li#reservation a:active{
	background-position: left 30px;
}


#menu li#catering a{
	background-image: url('../layoutbin/btncatering.gif');
	background-position: top left;
}
#menu li#catering a:hover{
	background-position: left 60px;
}
#menu li#catering a:active{
	background-position: left 30px;
}


#menu li#contact a{
	background-image: url('../layoutbin/btncontact.gif');
	background-position: top left;
}
#menu li#contact a:hover{
	background-position: left 60px;
}
#menu li#contact a:active{
	background-position: left 30px;
}


#menu li#links a{
	background-image: url('../layoutbin/btnlinks.gif');
	background-position: top left;
}
#menu li#links a:hover{
	background-position: left 60px;
}
#menu li#links a:active{
	background-position: left 30px;
}


#menu li#guestbook a{
	background-image: url('../layoutbin/btnguestbook.gif');
	background-position: top left;
}
#menu li#guestbook a:hover{
	background-position: left 60px;
}
#menu li#guestbook a:active{
	background-position: left 30px;
}




/*MENU ACTIVE STATES FOR CMS--depending on page-id----------------------------*/

#menu li#news.page1 a{
	background-position: left 30px;
}

#menu li#karte.page2 a{
	background-position: left 30px;
}

#menu li#events.page3 a{
	background-position: left 30px;
}

#menu li#reservation.page11 a{
	background-position: left 30px;
}

#menu li#catering.page4 a{
	background-position: left 30px;
}

#menu li#contact.page5 a{
	background-position: left 30px;
}

#menu li#links.page6 a{
	background-position: left 30px;
}

#menu li#guestbook.page7 a{
	background-position: left 30px;
}