/*
	**	Stylesheet Formatierungen fuerr reinhild.com
	**
	**	line endings: unix; encoding: iso-8859-1; BOM: off; tabs: yes; tab width: 4
	**
	**	@copyright	(c) 2007 profi.it GmbH
	**	@author		tommy(at)profi(dot)it
	**	@since		2007-02-06 14:35
	*/

	* {
		margin: 0;
		padding: 0;
	}

	html {
		height: 100%;
	}

	body {
		background: #fff2b0 url('../img/bg-body.png') repeat-y;
		width: 100%;
		height: 100%;
		font: 100% Arial, Helvetica, sans-serif;
	}

	/* class for clearing floating elements */
	div.clear {
		clear: both;
		height: 0px;
		line-height: 0px;
		font-size: 0px;
	}

	div#wrap {
		position: absolute;
		width: 100%;
		/* fixed height */
		height: 598px;
		min-width: 996px;
		background: url('../img/bg-wrap.png') repeat-x;
	}

	div#wrap div#content-container {
		float: left;
		/*width: 786px;*/
		width: 766px;
	}

	div#wrap div#content-container div#head {
		position: relative;
		top: 0;
		left: 0;
		padding-top: 117px;
	}

	div#wrap div#content-container div#head h1 {
		position: absolute;
		left: 120px;
		font-size: 10pt;
		color: #616161;
	}

	div#wrap div#content-container div#head h1.one {
		top: 70px;
	}

	div#wrap div#content-container div#head h1.two {
		top: 90px;
	}

	div#wrap div#content-container div#head a img {
		border: none;
	}

	/* site logo */
	div#wrap div#content-container div#head img.site-logo {
		position: absolute;
		top: 30px;
		left: 20px;
	}

	/* language menu */
	div#wrap div#content-container div#head ul#menu-language {
		position: absolute;
		top: 13px;
		right: 15px;
		list-style-type: none;
		font-size: 8pt;
	}

	div#wrap div#content-container div#head ul#menu-language li a {
		color: #616161;
	}

	/* main menu */
	div#wrap div#content-container div#head ul#menu-main {
		font-size: 8pt;
		padding-left: 15px;
	}

	div#wrap div#content-container div#head ul#menu-main li {
		position: relative;
		display: inline;
		line-height: 24px;
	}

	div#wrap div#content-container div#head ul#menu-main li a {
		color: #616161;
		text-decoration: none;
		padding: 0 10pt 0 10pt;
	}

	div#wrap div#content-container div#head ul#menu-main li a.active,
	div#wrap div#content-container div#head ul#menu-main li a:hover {
		border-bottom: 5px solid #ebaf46;
	}

	/* hide sub menus */
	div#wrap div#content-container div#head ul#menu-main li ul {
		display: none;
		background: #fcd67c url('../img/bg-fcd67c.png');
		border-top: 5px solid #ebaf46;
		width: 140px;
	}

	div#wrap div#content-container div#head ul#menu-main li ul li {
	}

	div#wrap div#content-container div#head ul#menu-main li ul li a {
		display: block;
		padding: 0 15px 0 15px;
	}

	div#wrap div#content-container div#head ul#menu-main li ul li a:hover {
		border: none;
	}

	div#wrap div#content-container div#head ul#menu-main li:hover > ul {
		display: block;
		position: absolute;
		/* show the submenu below the border of the top level menu */
		top: 19px;
		left: 0;
		z-index: 99;
	}

	/* content areas */
	div#wrap div#content-container div#content-left,
	div#wrap div#content-container div#content-right {
		float: left;
		height: 457px;
	}

	div#wrap div#content-container div#content-left {
		width: 438px;
		text-align: right;
	}

	div#wrap div#content-container div#content-left div.padding {
		padding-right: 25px;
		height: 220px;
	}
	
	div#wrap div#content-container div#content-left div.padding a {
		text-decoration:none;
		font-size:10pt;
		font-weight:bold;
		color: #000000;
	}
	
	div#wrap div#content-container div#content-left div.padding img {
		border: none;
	}

	div#wrap div#content-container div#content-left img.header {
		margin-top: 66px;
	}

	div#wrap div#content-container div#content-left ul.thumbs {
		list-style-type: none;
	}

	div#wrap div#content-container div#content-left ul.thumbs li {
		display: inline;
		width: 25%;
	}

	div#wrap div#content-container div#content-left ul.thumbs li a img {
		border: none;
	}

	div#wrap div#content-container div#content-left ul.thumbs li p {
		font-size: 8pt;
		line-height: 150%;
		color: #8d7f3c;
		/*text-align: left;*/
	}

	div#wrap div#content-container div#content-right {
		/*width: 348px;*/
		width: 328px;
	}

	div#wrap div#content-container div#content-right div.padding {
		padding: 10px;
	}

	div#wrap div#content-container div#content p,
	div#wrap div#content-container div#content-right p {
		color: #8d7f3c;
		font-size: 8pt;
		line-height: 150%;
		margin: 5px 0;
	}

	/* error class - used in booking form */
	div#wrap div#content-container div#content p.error {
		font-weight: bold;
		color: #cc0000;
	}

	div#wrap div#content-container div#content-right ul,
	div#wrap div#content-container div#content-right ol {
		margin-left: 20px;
		color: #8d7f3c;
		font-size: 8pt;
		line-height: 150%;
	}

	/* for single column content */
	div#wrap div#content-container div#content div#section1 {
		float: left;
	}

	div#wrap div#content-container div#content img.pattern-section-image {
		float: left;
	}

	div#wrap div#content-container div#content img.header {
		float: left;
	}
	
	div#wrap div#content-container div#content div.pictures-left {
		position:absolute;
		width: 240px;
		top:480px;
		left:20px;
	}

	div#wrap div#content-container div#content div.padding {
		float: left;
		width: 490px;
		padding: 40px 10px 10px 10px;
		margin: auto;
	}

	div#wrap div#sidebar-right {
		float: left;
		width: 230px;
		text-align: center;
		font-size: 8pt;
		color: #6c685a;
	}

	/* booking link */
	div#wrap div#sidebar-right a.booking {
		display: block;
		color: #91600a;
		line-height: 28px;
		height: 28px;
		background-color: #f6c664;
		text-decoration: none;
		margin-bottom: 32px;
	}

	div#wrap div#sidebar-right h1 {
		font-size: 8pt;
	}

	div#wrap div#sidebar-right h1,
	div#wrap div#sidebar-right p {
		line-height: 150%;
	}

	div#wrap div#sidebar-right p a {
		color: #6c685a;
		text-decoration: none;
	}

	/* booking form */
	form.booking-form {
	}

	form.booking-form fieldset {
		border: none;
		border-top: 1px solid #8d7f3c;
		padding: 10px;
	}

	form.booking-form fieldset legend {
		font-size: 8pt;
		color: #8d7f3c;
		padding: 0 10px;
		font-weight: bold;
	}

	form.booking-form p {
		clear: both;
		margin-bottom: 5px;
	}

	form.booking-form p.label-float label {
		float: left;
		width: 30%;
		text-align: right;
		padding-right: 5%;
	}

	form.booking-form p label.required {
		font-weight: bold;
		color: #cc0000;
	}

	form.booking-form p label.required:after {
		content:" *";
	}

	table.price-table {
		border-collapse: collapse;
		margin: 10px auto;
		width: 80%;
	}

	table.price-table th {
		font-size: 10pt;
		color: #8d7f3c;
	}

	table.price-table th,
	table.price-table td {
		border: 1px solid #8d7f3c;
		padding: 5px;
		text-align: center;
	}
	
	table.price-table a {
		color:#8d7f3c;
		font-weight:bold;
	}