

html,body,a,p,div,span,ul,ol,li,td,tr,table,h1,h2 {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Arial,Verdana,sans-serif;
	color: #000;
	text-decoration: none;
}

img {
	border: 0;
}

a {
	font-weight: bold;
	color: #000;
}

html {
	height: 100%;
}

body {
	background: #fff url(/images/struct/baby.jpg) right bottom no-repeat;
}

html body h1 {
	display: none;
}



/* ---- MENU ---- */

#menu {
	margin-top: 100px;
	clear: both;
	overflow: hidden;
	margin-left: -3px;
	width: 500px;
	margin-top: 104px;
	margin-bottom: 15px;
}

#menu a {
	background: url(/images/struct/navigation.gif) no-repeat 0 0;
	height: 17px;
	display: block;
	float: left;
	overflow: hidden;
}

#menu a span {
	display: none;
}

#menu a#start {
	width: 71px;
	background-position: 0 -3px;
}

#menu a#start:hover, #menu a#start.onselect {
	background-position: 0 -20px;
}

#menu a#essen {
	width: 80px;
	background-position: -71px -3px;
}

#menu a#essen:hover, #menu a#essen.onselect {
	background-position: -71px -20px;
}

#menu a#restaurant {
	width: 140px;
	background-position: -151px -3px;
}

#menu a#restaurant:hover, #menu a#restaurant.onselect {
	background-position: -151px -20px;
}

#menu a#extras {
	width: 91px;
	background-position: -291px -3px;
}

#menu a#extras:hover, #menu a#extras.onselect {
	background-position: -291px -20px;
}

#menu a#kontakt {
	width: 98px;
	background-position: -382px -3px;
}

#menu a#kontakt:hover, #menu a#kontakt.onselect {
	background-position: -382px -20px;
}



#footer {
	position: absolute;
	bottom: 10px;
	left: 3px;
	text-align: center;
	width: 500px;
}

#footer, #footer a {
	font-size: 9px;
	color: #000;
}




/* ---- CONTENT - CLASSES ---- */



#content {
	background: url(/images/struct/sumo-back.gif) center center no-repeat;
	width: 500px;
	height: 520px;
	margin-left: 50%;
	position: absolute;
	left: -230px;
	top: 20px;
	width: 470px;
	padding-left: 30px;
}

html>body #content {
	width: 470px;
	padding: 0 15px;
	left: -250px;
}

#content h1 {
	margin-top: 20px;
	color: #AF434E;
	font-weight: bold;
	font-size: 12px;
	display: block;
}

#content h2 {
	color: #000;
	font-weight: bold;
}

#content p {
	margin-bottom: 4px;
}

#content div.imagelist a {
	clear: left;
	display: block;
	overflow: hidden;
	height: 46px;
	color: #AF434E;
	font-weight: normal;
}

#content div.imagelist a img {
	float: left;
}

#content div.imagelist a:hover {
	background: url(/images/struct/doppelzeile-thumb.gif) no-repeat 0 0;
}


#content div.imagespreview a, #content div.imagespreview2 a {
	width: 70px;
	height: 51px;
	display: block;
	float: left;
}

#content div.imagespreview2 {
	margin-top: 5px;
	margin-left: -8px;
	width: 495px;
	overflow: hidden;
}

#content div.imagespreview2 a {
	position: relative;
	top: -5px;
	width: 54.35px;
	height: 50px;
}

#content div.imagespreview2 a img {
	margin-top: 8px;
	margin-left: 8px;
}

#content div.imagespreview a:hover, #content div.imagespreview a.onselect, #content div.imagespreview2 a:hover, #content div.imagespreview2 a.onselect {
	background: url(/images/struct/thumb-hover.gif) no-repeat 0 0;
}

#content div.extrasimages {
	position: absolute;
	bottom: 40px;
}



#content ul {
	list-style: none;
}

#content ul.extras li {
	margin-left: 20px;
	line-height: 20px;
}

#content .floatright {
	float: right;
}

