div#wrapper {
	width:960px;
	margin:0 auto;
	position:relative;
}


/* ####### Header ####### */
div#header {
	height:112px;
	background:url(../images/header.jpg) no-repeat;
	position:relative;
}

	/* ------- Hauptnavigation ------- */
	div#header ul {
		list-style-type:none;
		text-indent:-9999px;
		overflow:hidden;
		position:absolute;
		bottom:0;
		left:85px;
		height:69px;
		width:875px;
	}
	
	div#header ul li {
		position:absolute;
	}
	
	div#header ul a {
		display:block;
	}
	
	div#header ul a:hover, div#header ul li.current a {
		background-position:0 0;
	}

	
	
	/* ------- Buttons ------- */
	li#start {
		bottom:0;
		left:0;
		z-index:10;
	}
	li#start a {
		background:url(../images/buttons/start.png) 0 10px no-repeat;
		width:125px;
		height:52px;
	}

	li#karten {
		bottom:0;
		left:110px;
		z-index:9;
	}
	li#karten a {
		background:url(../images/buttons/karten.png) 0 10px no-repeat;
		width:131px;
		height:56px;
	}

	li#termine {
		bottom:0;
		left:236px;
		z-index:8;
	}
	li#termine a {
		background:url(../images/buttons/termine.png) 0 10px no-repeat;
		width:155px;
		height:63px;
	}

	li#galerie {
		bottom:0;
		left:375px;
		z-index:7;
	}
	li#galerie a {
		background:url(../images/buttons/galerie.png) 0 10px no-repeat;
		width:134px;
		height:69px;
	}

	li#chillum {
		bottom:0;
		left:475px;
		z-index:6;
	}
	li#chillum a {
		background:url(../images/buttons/chillum.png) 0 10px no-repeat;
		width:195px;
		height:61px;
	}



div#main {
	background:url(../images/content-kachel.jpg) repeat-y;
}

div#content-wrapper {
	min-height:400px;
	background:url(../images/content-oben.jpg) no-repeat;
	position:relative;
	padding:30px 100px 0 100px;
}


/* ####### Kleine Navigation ####### */
ul#navi-small {
	list-style-type:none;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:20px;
	right:80px;
	width:320px;
}

	ul#navi-small a {
		display:block;
		float:left;
	}
	ul#navi-small a:hover, ul#navi-small li.current a {
		margin-top:5px;
	}

	/* ------- Buttons ------- */
	li#kontakt a {
		background:url(../images/buttons/kontakt.png) no-repeat;
		width:57px;
		height:59px;
	}
	
	li#anfahrt a {
		background:url(../images/buttons/anfahrt.png) left bottom no-repeat;
		width:60px;
		height:56px;
		padding:3px 0 0 0;
		margin:0 5px;
	}

	li#partner a {
		background:url(../images/buttons/partner.png) center no-repeat;
		width:62px;
		height:46px;
		padding:6px 0 6px 0;
		margin:0 2px;
	}

	li#impressum a {
		background:url(../images/buttons/impressum.png) center no-repeat;
		width:62px;
		height:46px;
		padding:6px 0 6px 0;
		margin:0 2px;
	}
	
	li#gaestebuch a {
		background:url(../images/buttons/gaestebuch.png) center no-repeat;
		width:52px;
		height:52px;
		padding:4px 0 3px 0;
		margin:0 4px;
	}




/* ####### Inhaltsbereich ####### */
div#content {
	overflow:hidden;
}



/* ####### Footer ####### */
div#footer {
	height:149px;
	background:url(../images/footer.jpg) no-repeat;
	margin:-60px 0 0 0;
}



/* ####### Krempel ####### */
div#zahnrad {
	width:24px;
	height:22px;
	background:url(../images/zahnrad.png) no-repeat;
	position:absolute;
	bottom:0;
	right:209px;
}

div#goldrand {
	width:45px;
	height:3px;
	background:url(../images/goldrand.png) no-repeat;
	position:absolute;
	bottom:0;
	left:104px;
}

iframe{
	float:left;
	margin: 0 20px 0 20px;
}

.img-cms{
	border: 1px solid #E2B95F;
	margin: 10px 0 10px 20px;}
	
#fb{
	position:relative;
	top: 70px;
	left: 445px;}


#acc {list-style:none; color:#033; margin:0 auto; background: none !important; text-decoration:none;}
#acc h5 {
border-bottom:1px dotted #E2B95F;
background:#B18347;
color:#fff;
cursor:pointer;
font-size:13px;
font-weight:bold;
margin-top:5px;
padding:6px 6px 8px 15px;
text-decoration:none;}
#acc h5:hover {border-bottom:1px dotted #fff; color:#E2B95F; background:#B18347;}
#acc .acc-section {overflow:hidden;}
#acc .acc-content { padding-top:15px;}