/** Global reset */
* {
	margin: 0px;
	padding: 0px;
	line-height: 18px;
}

html,
body {
	text-align: left;
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url("images/background.jpg") 0px 0px repeat-x;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}

img {
	border: none;
	position: relative; /** IE Hack */
}

hr {
	color: #808080;
	margin: 12px 0px 12px 0px;
	height: 1px;
}

a,
a:link,
a:visited {
	color: #DB0000;
	text-decoration: none;
}

a:hover,
a:active {
	color: #DB0000;
	text-decoration: underline;
}

h1 {
	border-bottom: 1px dotted #DB0000;
	padding-bottom: 3px;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #DB0000;
}

h2 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #DB0000;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #DB0000;
}

h4 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #DB0000;
}

h5 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #DB0000;
}

h6 {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #DB0000;
}

blockquote {
	padding: 10px;
	border: 1px solid #CCCCCC;
}

/** Layout */
#layout-wrapper {
	width: 990px;
	text-align: left;
	background: none;
	margin: 20px auto;
	padding: 0px;
}

#layout-shadow-top {
	background: url("images/shadow_top.png") 0px 0px no-repeat;
	width: 990px;
}

#layout-shadow-middle {
	background: url("images/shadow_middle.png") 0px 0px repeat-y;
	padding: 10px 0px 0px 0px;
	width: 990px;
}

#layout-shadow-bottom {
	background: url("images/shadow_bottom.png") 0px 100% no-repeat;
	padding: 20px 0px 35px 0px;
	width: 990px;
}

#layout-content-wrapper {
	margin: -20px 10px 0px 10px;
}

#layout-content {
	background-color: #FFFFFF;
	padding: 10px 10px 0px 10px;
	position: relative;
}

#banner {
	background: url("images/waldrose.jpg") 0px 0px no-repeat;
	height: 390px;
	width: 950px;
}

#overlay-phone {
	background: url("images/overlay_phone.png") 0px 0px no-repeat;
	position: absolute;
	top: 10px;
	right: 10px;
	height: 75px;
	width: 0px;
}

#overlay-waldrose {
	background: url("images/overlay_waldrose.png") 0px 0px no-repeat;
	position: absolute;
	top: 400px;
	left: 10px;
	height: 0px;
	width: 950px;
}

#topmenu {
	position: relative;
	margin-top: -10px;
	height: 90px;
	width: 950px;
}

#topmenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#topmenu ul li {
	height: 90px;
	float: left;
}

#topmenu ul li a {
	text-decoration: none;
	display: block;
	height: 90px;
	width: 100%;
}

#topmenu ul li a.button-home {
	background: url("images/button_home.png") 0px -95px no-repeat;
	margin-right: 10px;
	width: 232px;
	float: left;
}

#topmenu ul li a.button-fewos {
	background: url("images/button_fewos.png") 0px -95px no-repeat;
	margin-right: 10px;
	width: 228px;
	float: left;
}

#topmenu ul li a.button-buchung {
	background: url("images/button_buchung.png") 0px -95px no-repeat;
	margin-right: 10px;
	width: 228px;
	float: left;
}

#topmenu ul li a.button-kontakt {
	background: url("images/button_kontakt.png") 0px -95px no-repeat;
	margin-right: 0px;
	width: 231px;
	float: left;
}

#topmenu ul li a:hover,
#topmenu ul li a.active {
	background-position: 0px 0px;
}

#content {
	position: relative;
}

#content .content-left {
	padding: 15px 0px 0px 15px;
	width: 693px;
	float: left;
}

#content .content-left .image-left {
	border: 1px solid #CCCCCC;
	margin: 0px 15px 0px 0px;
	padding: 3px;
	float: left;
}

#content .content-left .image-right {
	border: 1px solid #CCCCCC;
	margin: 0px 0px 0px 15px;
	padding: 3px;
	float: right;
}

#content .content-right {
	padding-top: 15px;
	width: 232px;
	float: right;
}

#content .box-top {
	position: relative;
	background: url("images/box_top.png") 0px 0px no-repeat;
	width: 231px;
	height: 56px;
}

#content .box-top .box-headline {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 231px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #DB0000;
}

#content .box-top .box-image {
	position: absolute;
	top: 38px;
	left: 6px;
	width: 219px;
	height: 125px;
}

#content .box-middle {
	background: url("images/box_middle.png") 0px 0px repeat-y;
	padding: 115px 10px 5px 10px;
}

#content .box-bottom {
	background: url("images/box_bottom.png") 0px 0px no-repeat;
	margin-bottom: 15px;
	width: 231px;
	height: 15px;
}

#footer {
	position: relative;
	height: 75px;
}

#footer-wrapper {
	position: absolute;
	top: 13px;
	left: 0px;
	width: 950px;
	height: 75px;
}

#footer .footer-left {
	background: url("images/footer_left.png") 0% 0% no-repeat;
	height: 75px;
}

#footer .footer-middle {
	background: url("images/footer_middle.png") 0% 0% repeat-x;
	margin: 0px 20px;
	padding: 10px 0px;
	height: 75px;
}

#footer .footer-right {
	background: url("images/footer_right.png") 100% 0% no-repeat;
	height: 75px;
}

.online-booking,
.online-booking:hover {
	background: url("images/online_booking.png") 0px 0px no-repeat;
	text-decoration: none;
	display: block;
	width: 120px;
	height: 120px;
}

/** Module Info */
.info-errors {
	color: #FF0000;
	border: 1px solid #FF0000;
	background-color: #FFDDDD;
	margin-bottom: 10px;
	padding: 5px;
}

.info-warnings {
	color: #0000FF;
	border: 1px solid #0000FF;
	background-color: #DDDDFF;
	margin-bottom: 10px;
	padding: 5px;
}

.info-notices {
	color: #008000;
	border: 1px solid #008000;
	background-color: #DDFFDD;
	margin-bottom: 10px;
	padding: 5px;
}