/*
-----------------------------------------------------------------
Hotel Horchem
Start: 01.11.2008
Letzte Anderung: 24.05.2009
Autor: Ursula Brandt - www.netbrandt.de
Medium: Screen
-----------------------------------------------------------------
*/

body {
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	background: #e2d5b3;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

.klein {
	font-size: 10px;
	color: #000000;
	line-height: 14px;
	text-decoration: none;
}

a:link {
	color: #000000;
}

a:visited {
	color: #000000;
}

a:hover {
	color: #000000;
}

a:active {
	color: #000000;
}

.main #container {
	width: 980px;
	border: 1px solid #FFFFFF;
	text-align: left;
	margin: 0 auto 0 auto;
	background-image: url(../images/bg.gif);
	background-color: #FBFBEF;
}

.main #content {
	padding: 0px;
	margin: 0px;
	background-attachment: scroll;
	background-image: url(../images/bg_hotel_horchem.gif);
	background-color: #FBFBEF;
	background-repeat: no-repeat;
	background-position: left top;
}

.main #sidebar1 {
	width: 192px;
	padding-left: 0px;
	margin: 200px 0 0 28px;
	float: left;
}
.main #sidebar2 {
	width: 160px;
	padding: 0px;
	margin: 5px 0 0 18px;
}

.main #sidebar2 ul {
	margin:0;
	padding: 0;
	list-style-type: none;
}

.main #sidebar2 li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}

.main #sidebar2 li a {
	display: block;
	width: 35px;
	height: 16px;
	margin: 0;
	text-align: center;
	padding: 0 0 0 5px;
}

.main #mainContent {
	margin: 0;
	padding: 20px 0 0 245px;
}

.main #textmitbild {
	margin: 0;
	padding: 0 0 10px 0;
}

.main #textkontakt {
	margin: 0;
	padding: 0;
}

.main #willkommen {
	margin: 0;
	padding: 0 0 10px 0;
}

.main #start {
	width: 500px;
	margin: 0;
}

.main #start ul {
	margin:0;
	padding: 0;
	list-style-type: none;
}

.main #start li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}

.main #start li a {
	display: block;
	width: 98px;
	margin: 0;
	padding: 0;
}

.main #text {
	margin: 0;
	padding: 0;
	width: 400px;
	float: left;
}

.main #bildgross {
	margin: 0;
	padding: 20px 0 3px 0;
	margin-left: 420px;
	background-color: #e2d5b3;
	width: 294px;
}

.main #bildgross_start {
	margin: 0;
	padding: 20px 0 3px 0;
	margin-left: 310px;
	background-color: #e2d5b3;
	width: 294px;
}

.main #bildklein {
	margin: 0;
	padding: 10px 0 3px 0;
	background-color: #e2d5b3;
	width: 180px;
	float: left;
}

.main #angebot {
	padding: 0 20px 0 0;
	margin: 0 0 0 200px;
}

.main #bildlinks {
	margin: 0;
	padding: 20px 0 3px 0;
	background-color: #e2d5b3;
	width: 294px;
	float: left;
}

.main #textrechts {
	padding: 0 20px 0 0;
	margin: 0 0 0 316px;
}


.main #formrechts {
	padding: 0 20px 0 0;
	margin: 0 0 0 350px;
}
.main #form {
	margin: 0;
	padding: 0;
	width: 350px;
	float: left;
}


.main #footer {
	padding: 0;
	font-size: 11px;
	color: #333333;
	background-color: #FBFBEF;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #933c4d;
}

.main #footer p {
	margin: 0;
	padding: 3px 0 3px 0;
}

.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* Navigation */
.main #navigation {
	padding: 0;
	margin: 0;
}

.main #navigation ul {
	margin:0;
	padding: 0;
	list-style-type: none;
}

.main #navigation li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}

.main #navigation li a {
	display: block;
	width: 98px;
	height: 101px;
	font-size: 11px;
	margin: 0;
	font-weight: bold;
	color: #333333;
	text-align: center;
	text-decoration: none;
	padding: 2px 0 0 0;
}

.main #subnavigation {
	margin: 0;
	padding: 0;
	height: 25px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #e2d5b3;
	padding-top: 20px;
}

.main #subnavigation ul {
	margin:0;
	padding: 0;
	list-style-type: none;
}

.main #subnavigation li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}

.main #subnavigation li a {
	display: block;
	width: 98px;
	height: 20px;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	text-decoration: none;
	padding-top: 2px;
	margin: 0 3px 2px 0;
}

.main #subnavigation li a:link, .main #subnavigation li a:visited {
	background-color: #ebe2ca;
}

.main #subnavigation li a:hover, .main #subnavigation li#selected a {
	background-color: #e2d5b3;
}

.main #navigation li a#navi_startseite:link, .main #navigation li a#navi_startseite:visited {
	background-image:url(../images/navi/startseite.jpg);
}

.main #navigation li a#navi_startseite:hover, .main #navigation li#selected a#navi_startseite {
	background-image:url(../images/navi/startseite_a.jpg);
}

.main #navigation li a#navi_hotel:link, .main #navigation li a#navi_hotel:visited {
	background-image:url(../images/navi/hotel.jpg);
}

.main #navigation li a#navi_hotel:hover, .main #navigation li#selected a#navi_hotel {
	background-image:url(../images/navi/hotel_a.jpg);
}

.main #navigation li a#navi_wohnen:link, .main #navigation li a#navi_wohnen:visited {
	background-image:url(../images/navi/wohnen.jpg);
}

.main #navigation li a#navi_wohnen:hover, .main #navigation li#selected a#navi_wohnen {
	background-image:url(../images/navi/wohnen_a.jpg);
}

.main #navigation li a#navi_restaurants:link, .main #navigation li a#navi_restaurants:visited {
	background-image:url(../images/navi/restaurants.jpg);
}

.main #navigation li a#navi_restaurants:hover, .main #navigation li#selected a#navi_restaurants {
	background-image:url(../images/navi/restaurants_a.jpg);
}

.main #navigation li a#navi_speisen:link, .main #navigation li a#navi_speisen:visited {
	background-image:url(../images/navi/geniesen.jpg);
}

.main #navigation li a#navi_speisen:hover, .main #navigation li#selected a#navi_speisen {
	background-image:url(../images/navi/geniesen_a.jpg);
}

.main #navigation li a#navi_tagungen:link, .main #navigation li a#navi_tagungen:visited {
	background-image:url(../images/navi/tagen.jpg);
}

.main #navigation li a#navi_tagungen:hover, .main #navigation li#selected a#navi_tagungen {
	background-image:url(../images/navi/tagen_a.jpg);
}

.main #navigation li a#navi_anfahrt:link, .main #navigation li a#navi_anfahrt:visited {
	background-image:url(../images/navi/anfahrt.jpg);
}

.main #navigation li a#navi_anfahrt:hover, .main #navigation li#selected a#navi_anfahrt {
	background-image:url(../images/navi/anfahrt_a.jpg);
}

.main #navigation li a#navi_angebote:link, .main #navigation li a#navi_angebote:visited {
	background-image:url(../images/navi/feiern.jpg);
}

.main #navigation li a#navi_angebote:hover, .main #navigation li#selected a#navi_angebote {
	background-image:url(../images/navi/feiern_a.jpg);
}

.main #navigation li a#navi_kontakt:link, .main #navigation li a#navi_kontakt:visited {
	background-image:url(../images/navi/kontakt.jpg);
}

.main #navigation li a#navi_kontakt:hover, .main #navigation li#selected a#navi_kontakt {
	background-image:url(../images/navi/kontakt_a.jpg);
}

.main #navigation li a#navi_impressionen:link, .main #navigation li a#navi_impressionen:visited {
	background-image:url(../images/navi/impressionen.jpg);
}

.main #navigation li a#navi_impressionen:hover, .main #navigation li#selected a#navi_impressionen {
	background-image:url(../images/navi/impressionen_a.jpg);
}

.main #start {
	padding: 0;
	margin: 0;
	float: left;
}

.main #start ul {
	margin:0;
	padding: 0;
	list-style-type: none;
}

.main #start li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}

.main #start li a {
	display: block;
	margin: 0;
	padding: 0px;
	border: 0;
}

.fussrot {
	font-size: 11px;
	font-weight: bold;
	color: #933c4d;
	text-decoration: none;
}

h1 {
	font-size: 22px;
	color: #933c4d;
	font-weight: normal;
	line-height: 32px;
}

.fussrot a {
	color: #933c4d;
	text-decoration: none;
}

.fussrot a:hover {
	color: #333333;
	text-decoration: none;
}

.fliessrot {
	color: #933c4d;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.fliessrot a {
	color: #933c4d;
}

.img_rahmen {
	background-color: #FFFFFF;
	padding-top: 1px;
	padding-bottom: 1px;
}

.main #text_gross {
	margin: 0;
	padding: 0;
	width: 660px;
	padding-bottom: 10px;
}

input, select, textarea { color:#00c; }
.bereich, .feld { background-color:#FBFBEF; width:300px; border:2px solid #e2d5b3; }
.auswahl { background-color:#dff; width:300px; border:6px solid #ddd; }
.check, .radio { background-color:#ddff; border:1px solid #ddd; }
.button { background-color:#e2d5b3; color:#000000; width:120px; border:2px solid #999999; }