*{
 margin:0;
 padding:0;
}

html{
 height: 100%;
 overflow:scroll;
}

body{
 background: #dbcaa5;
 font-family: times new roman, serif;
 text-align: center;
 margin-top: 20px;
 margin-bottom: 20px;
}

#seite {
 display: run-in;
 margin-left: auto;
 margin-right: auto;
 width: 900px;
 border: 1px solid black;
 background: #ffffff;
}

#navigation {
 text-align: left;
 width: 180px;
 float: left;
}

#content {
 background: url('http://www.4jahreszeiten.net/images/gasthaus-vier-jahreszeiten.png') no-repeat;
 padding-right: 10px;
 text-align: justify;
 width: 710px;
 float: left;
 font-size: 18px;
 margin-bottom: 35px;
}

#content a {
 color: #000000;
 text-decoration: underline;
}

.auswahl {
	margin: 10px auto 10px auto;
	width: 520px;
	text-align: center;
	border-collapse: collapse;
	table-layout: fixed;
	color: #000000;
}

.auswahl td {
	padding: 8px 0px 8px 0px;
}

.karte {
	margin: 10px 0px 10px 50px;
	width: 520px;
	border-collapse: collapse;
	table-layout: fixed;
	color: #000000;
}

.td_gross {
	width: 415px;
	text-align: left;
	padding: 8px 0px 8px 0px;
	vertical-align: middle;
}

.td_klein {
	width: 100px;
	text-align: right;
	padding: 8px 0px 8px 0px;
	vertical-align: middle;
}

.fussnoten {
	margin: 10px auto 10px auto;
	width: 460px;
	text-align: center;
	border-collapse: collapse;
	table-layout: fixed;
	font-size: 14px;
	color: #000000;
}

.fussnoten td {
	padding: 8px 8px 8px 0px;
}

.bildergalerie {
	margin: 10px auto 10px auto;
	width: 500px;
	text-align: center;
	border-collapse: collapse;
	table-layout: fixed;
	font-size: 14px;
	color: #000000;
}

.bild_klein {
	width: 100px;
	text-align: left;
	padding: 8px 0px 8px 0px;
	vertical-align: middle;
}

.bild_gross {
	width: 400px;
	text-align: right;
	padding: 8px 0px 8px 0px;
	vertical-align: middle;
}

.box {
	margin: 10px auto 10px auto;
	text-align: center;
	border-collapse: seperate;
	border-spacing: 8px;
	table-layout: auto;
	font-size: 14px;
	color: #ffffff;
}

.box-box {
	width: 100px;
	text-align: center;
	border: solid 3px #dbcaa5;
}

#menu {
 width: 138px;
 margin-left: 9px;
 text-align: center;
 font-weight: bold;
 font-size: 14px;
}

#menu a, #menu a:visited {
 display: block;
 width: 138px;
 height: 60px;
 line-height: 55px;
 text-decoration: none; 
 color: #dbcaa5;
 background: url('http://www.4jahreszeiten.net/images/navi1.png') no-repeat;
}

#menu a:hover {
 display: block;
 width: 138px;
 height: 60px;
 text-decoration: none;
 color: #ff9900;
 background: url('http://www.4jahreszeiten.net/images/navi2.png') no-repeat;
}

.footer {
 margin-left: 10px;
 margin-right: 10px;
 padding: 3px;
 border-top: 1px solid #000000;
 font-size: 11px;
}

.footer a {
 text-decoration: none;
 color: #000000;
}

h1 {
 margin-top: 170px;
 text-align: left;
 color: #000000;
}

h3 {
	text-size: 20px;
	font-weight: bold;
	margin-left: 50px;
}

h4 {
	text-size: 14px;
	font-weight: bold;
	margin: 0px auto 0px auto;
	text-align: center;
}

.picright {
	float: right;
	border: 1px solid #dbcaa5;
	padding: 5px;
	text-align: center;
	font-size: 9pt;
	margin: 5px 0 5px 10px;
	color: #000000;
}

.picleft {
	float: left;
	border: 1px solid #dbcaa5;
	padding: 5px;
	text-align: center;
	font-size: 9pt;
	margin: 5px 10px 5px 0;
	color: #000000;
}

.piccenter {
	border: 1px solid #dbcaa5;
	padding: 5px 0 5px 0;
	text-align: center;
	font-size: 9pt;
	margin: 5px auto 5px auto;
	color: #000000;
}