/** BASIC */

html, body {
	height: 100%;
}

#extra1 {
	clear: both;
	height: 20px;
	background: url(../images/homepage07.gif) no-repeat center top;
}

#extra2 {
	clear: both;
	height: 30px;
	background: url(../images/subpage1_01.gif) no-repeat center bottom;
}

#extra3 {
	clear: both;
	height: 20px;
	background: url(../images/subpage1_04.gif) no-repeat center top;
}

#extra4 {
	clear: both;
	height: 30px;
	background: url(../images/subpage2_01.gif) no-repeat center bottom;
}

#extra5 {
	clear: both;
	height: 20px;
	background: url(../images/subpage2_03.gif) no-repeat center top;
}

/** WRAPPER */

#wrapper {
}

/** LOGO */

#logo {
	width: 720px;
	height: 139px;
	margin: 0px auto;
	background: url(../images/head.jpg) no-repeat left top;
}

#logo h1, #logo h2 {
	display: none;
}

/** MENU */

#menu {
	width: 720px;
	height: 58px;
	margin: 0px auto;
}

#menu ul {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	list-style: none
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 33px;
	padding: 15px 20px 0px 22px;
	background: url(../images/homepage02.gif) no-repeat left top;
}

#menu a:hover {
	text-decoration: underline;
}

#menu .first a {
	padding-left: 100px;
	background: none;
}

/** CONTENT */

#content {
	width: 720px;
	margin: 0px auto;
}

/** FOOTER */

#footer {
	width: 720px;
	margin: 0px auto;
	padding-top: 70px;
}

/** BOX1 */

#box1 {
	height: 233px;
	background: url(../images/header-1.jpg) no-repeat left top;
}

#box1 h2 {
	display: none;
}

#box1.sennerei {
	background: url(../images/header-2.jpg) no-repeat left top!important;
}

#box1.restaurant {
	background: url(../images/header-3.jpg) no-repeat left top!important;
}

#box1.angebote {
	background: url(../images/header-4.jpg) no-repeat left top!important;
}

#box1.kontakt {
	background: url(../images/header-5.jpg) no-repeat left top!important;
}



/** BOX2 */

#box2 {
	float: left;
	width: 229px;
	padding: 0px 28px 0px 98px;
	background-position: right top;
}

/** BOX3 */

#box3 {
	float: right;
	width: 229px;
	padding: 0px 102px 0px 24px;
	background-position: left top;
}

/** BOX4 */

#box4 {
	float: left;
	width: 290px;
	padding: 0px 0 0px 98px;
	background-position: right top;
}

/** BOX5 */

#box5 {
	float: right;
	width: 213px;
	padding: 0px 75px 0px 10px;
	background-position: left top;
	
}

/** BOX6 */

#box6 {
	padding: 0px 100px;
}