html {
	width: 100%;
	height: 100%;
	overflow: auto;
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: white url(../images/site_bg.gif) center center repeat;
	color: white;
	font-family: Arial, Verdana, "sans serif";
	font-size: 11px;
	line-height: 1.3em;
}

a { outline: none; }

h1 {
	margin: 10px 0px 10px 0px;
	font-size: 16px;
	background: transparent left top no-repeat;
	line-height: 25px;
	text-indent: -9999px;
}

p {
	margin: 10px 0px 10px 0px;
}

img {
	border: none;
}

#page_tab {
	width: 100%;
	height: 100%;
	border: none;
}

#page_tab td {
	font-size: 11px;
	text-align: center;
}

#page {
	position: relative;
	width: 808px;
	height: 458px;
	margin: 0px auto 0px auto;
	background: transparent url(../images/background.gif) left top no-repeat;
	text-align: left;
}
*html #page {
	margin-top: 1px;
}

#logo {
	position: absolute;
	width:233px;
	height: 41px;
	margin: 24px 0px 0px 24px;
	background: transparent url(../images/logo.gif) left top no-repeat;
	text-indent: -9999px;
	z-index: 90;
}

/********************* NAVIGATION ****************************************/

#navigation {
	position: absolute;
	bottom: 14px;
	left: 24px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	overflow: hidden;
	z-index: 90;
}

#navigation li {
	float: left;
	padding: 0px 15px 0px 0px;
}

#navigation a {
	display: block;
	height: 25px;
	text-indent: -9999px;
}

#navigation a.act {
	background-position: left -26px;
	cursor: default;
}

#startseite {
	width: 80px;
	height: 25px;
	background: transparent url(../images/nav_startseite.gif) left top no-repeat;
}

#startseite:hover,
#startseite:active,
#startseite:focus {
	background-position: left -26px;
}

#ferienwohnungen {
	width: 120px;
	height: 25px;
	background: transparent url(../images/nav_ferienwohnungen.gif) left top no-repeat;
}

#ferienwohnungen:hover,
#ferienwohnungen:active,
#ferienwohnungen:focus {
	background-position: left -26px;
}

#reiten {
	width: 55px;
	height: 25px;
	background: transparent url(../images/nav_reiten.gif) left top no-repeat;
}

#reiten:hover,
#reiten:active,
#reiten:focus {
	background-position: left -26px;
}

#kontakt {
	width: 60px;
	height: 25px;
	background: transparent url(../images/nav_kontakt.gif) left top no-repeat;
}

#kontakt:hover,
#kontakt:active,
#kontakt:focus {
	background-position: left -26px;
}

/************************* FRONTPAGE ********************************************/

#frontpage_left {
	position: absolute;
	bottom: 64px;
	right: 4px;
	width: 689px;
	height: 300px;
	background: transparent url(../images/frontpage1.jpg) left top no-repeat;
}

#frontpage_right {
	position: absolute;
	bottom: 64px;
	right: -7px;
	width: 11px;
	height: 300px;
	background: transparent url(../images/frontpage2.gif) left top no-repeat;
}

/************************* CONTENT *********************************************/

#topline {
	position: absolute;
	top: 67px;
	left: 24px;
	height: 1px;
	width: 780px;
	background-color: white;
	overflow: hidden;
}

#bottomline {
	position: absolute;
	bottom: 52px;
	left: 24px;
	height: 1px;
	width: 780px;
	background-color: white;
	overflow: hidden;
}

#image_left {
	position: absolute;
	top: 4px;
	right: 14px;
	width: 280px;
	height: 450px;
	background: transparent left top no-repeat;
}

#image_right {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 10px;
	height: 450px;
	background: transparent left top no-repeat;
}

#textarea {
	position: absolute;
	top: 80px;
	left: 34px;
	width: 480px;
	height: 315px;
	overflow: auto;
}

#textarea ul {
	list-style: square;
	margin: 5px 0px 5px 15px;
	padding-left: 15px;
}

#map {
	position: absolute;
	right: 4px;
	top: 4px;
	width: 290px;
	height: 450px;
}

#map_border {
	position: absolute;
	right: 4px;
	top: 0px;
	width: 10px;
	height: 458px;
	background: transparent url(../images/map_border.gif) left top no-repeat;
}

/************************* MAILFORM ********************************************/

form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#mailform {
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#mailform label {
	float: left;
	width: 100px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}

#mailform input.kontaktform,
#mailform textarea.kontaktform,
#mailform select.kontaktform {
	background-color: white;
	font-family: Arial, Verdana, "sans serif";
	color: #6699CC;
	font-size: 11px;
}

#mailform input.radio {
	background-color: transparent
}

#mailform input.kontaktform {
	width: 120px;
	border: none;
	margin: 0px 0px 3px 5px;
	padding: 2px 2px 2px 2px;
}

#mailform select.kontaktform {
	margin: 0px 0px 3px 5px;
	padding: 0px 0px 0px 0px;
}

#mailform textarea.kontaktform {
	width: 200px;
	height: 50px;
	border: none;
	margin: 0px 0px 3px 5px;
	padding: 2px 2px 2px 2px;
	overflow: auto;
}

#mailform input.kontaktform:focus,
#mailform textarea.kontaktform:focus,
#mailform select.kontaktform:focus {
	color: #474747;
}

#mailform input.submit {
	margin: 0px 0px 0px 105px;
	padding: 0px 0px 0px 0px;
	background-color: #6699CC;
	color: white;
	font-size: 11px;
	cursor: pointer;
	border: 1px solid white;
}

/********************** FOOTER ***********************************************/

#footer {
	position: absolute;
	bottom: -18px;
	width: 800px;
	margin: 0px auto 0px auto;
	color: #999;
	font-size: 10px;
	text-align: center;
}

#footer a {
	color: #999;
	font-size: 10px;
	text-decoration: underline;
}