/*
	**	Stylesheet Formatierungen für residence-vroni.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		16.04.2007 16:00:11
	*/

	* {
		margin: 0;
		padding: 0; 
	}

	html {
		height: 100%;
	}

	body {
		font-family: Arial, Helvetica, sans-serif;
		background: #f6e08d url('../img/bg-f6e08d.png');
	}

	input, textarea, select {
		font-family: Arial;
		font-size: 10pt;
	}

	select {
	}

	select option {
		padding: 0 1px;
	}

	/* common clearer element */
	div.clear {
		clear: both;
		font-size: 0px;
		line-height: 0px;
		height: 0px;
	}

	/* hide explanatory elements */
	dfn {
		display: none;
	}

	ul.no-list-style {
		list-style-type: none;
	}

	img.no-border {
		border: none;
	}

	table.content td {
		padding: 3px;
	}

	table.price-table {
		background-color: white;
		font-size: 8pt;
		color: black;
		border: 1px solid black;
		border-collapse: collapse;
		width: 100%;
	}

	table.price-table thead tr th,
	table.price-table tbody tr td {
		padding: 5px;
		text-align: center;
		border: 1px solid black;
	}

	/* Request form */
	form#frmRequest {
	}

	form#frmRequest fieldset {
		border: none;
		border-top: 1px solid #f2c55e;
	}

	form#frmRequest fieldset {
		padding: 10px;
	}

	form#frmRequest fieldset.privacy p {
		font-size: 8pt;
	}

	form#frmRequest fieldset legend {
		padding: 0 5px;
		font-weight: bold;
		color: #98927f;
	}

	form#frmRequest fieldset p {
		clear: both;
	}

	form#frmRequest fieldset p label {
		float: left;
		width: 30%;
		text-align: right;
		padding: 0 5%;
	}

	form#frmRequest fieldset label {
		cursor: pointer;
	}

	form#frmRequest fieldset label.required {
		font-weight: bold;
	}

	form#frmRequest fieldset.reverse-label p label {
		width: 80%;
		text-align: left;
	}

	form#frmRequest fieldset.reverse-label p input {
		float: left;
	}

	form#frmRequest fieldset p textarea {
		width: 90%;
	}

	body div#wrap {
		position: relative;
		width: 960px;
		margin: auto;
		min-width: 635px;
		background-image: url('../img/bg-wrap.png');
	}

	body.index div#wrap {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -300px;
		margin-left: -480px;
		background: #f2c55e url('../img/bg-wrap-index.png') bottom right no-repeat;
		height: 600px;
	}

	body div#wrap div#head {
		text-align: right;
		background: #f7eecd url('../img/bg-f7eecd.png');
	}

	body.index div#wrap div#head {
		text-align: left;
		background: #f2c55e url('../img/bg-f2c55e.png');
	}

	body div#wrap div#head ul#menu-language {
		list-style-type: none;
		border-bottom: 5px solid #f2c55e;
		height: 30px;
		padding: 0 5px;
	}

	body div#wrap div#head ul#menu-language li {
		display: inline;
		line-height: 30px;
		padding: 0 5px;
	}

	body div#wrap div#head ul#menu-language li a {
		text-decoration: none;
		text-transform: uppercase;
		font-size: 8pt;
		color: #7d7b69;
	}

	body div#wrap div#head ul#menu-language li a.active {
		font-weight: bold;
	}

	/* address bar for start page */
	body.index div#wrap div#head p {
		line-height: 30px;
		padding-top: 69px;
		text-align: center;
		font-size: 8pt;
		font-weight: bold;
		letter-spacing: 0.2px;
		color: #7d7b69;
	}

	body div#wrap div#head img {
		position: relative;
		z-index: 0;
	}

	body.index div#wrap div#head img {
		border-top: 5px solid #f7d996;
	}

	body div#wrap div#content-container {
	}

	/* common styles for generic content part classes */
	/* sidebar */
	body div#wrap div#content-container div.content-part div.sidebar {
		float: left;
		width: 206px;
		margin-left: 88px;
	}

	body div#wrap div#content-container div.content-part div.sidebar div.content {
		float: none;
		padding: 10px 10px;
		background-image: url('../img/bg-f2c55e.png');
		text-align: center;
		/* setting width is necessary */
		width: 186px;
	}

	body div#wrap div#content-container div.content-part div.sidebar p.imprint {
		font-size: 9pt;
		color: #7d7b69;
		padding: 10px;
	}

	body div#wrap div#content-container div.content-part div.sidebar p.callback {
		padding: 10px;
		font-size: 9pt;
		background: #f2c55e url('../img/bg-f2c55e.png');
		border-top: 5px solid #f3db91;
		border-bottom: 5px solid #f3db91;
	}

	body div#wrap div#content-container div.content-part div.sidebar p.callback a {
		display: block;
		color: white;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
	}

	/* common content */
	body div#wrap div#content-container div.content-part div.content {
		float: left;
		width: 448px;
		padding: 0 150px 0 68px;
		color: #98927f;
		font-size: 10pt;
	}

	body div#wrap div#content-container div.content-part div.content p {
		line-height: 150%;
		margin: 2% 0;
	}

	body div#wrap div#content-container div.content-part div.content p.error {
		font-weight: bold;
		color: red;
	}

	body div#wrap div#content-container div.content-part div.content h1 {
		font-size: 12pt;
	}

	/* news and offers */
	body div#wrap div#content-container div.content-part div.content div.news-and-offers {
	}
	
	body div#wrap div#content-container div.content-part div.content div.news-and-offers div.news-and-offers-item {
		border-bottom: 1px solid black;
	}
	
	body div#wrap div#content-container div.content-part div.content div.news-and-offers div.news-and-offers-item h2 {
		font-size: 10pt;
		line-height: 150%;
	}
	
	body div#wrap div#content-container div.content-part div.content div.news-and-offers div.news-and-offers-item h3 {
		font-size: 8pt;
		line-height: 150%;
		font-style: italic;
	}
	
	body div#wrap div#content-container div.content-part div.content div.news-and-offers div.news-and-offers-item img {
		float: left;
		margin: 10px;
	}

	/* specific styles for specific content parts */
	body div#wrap div#content-container div#top {
		/*
		position: relative;
		margin-top: -362px;
		*/
	}

	body div#wrap div#content-container div#top div.sidebar {
		position: relative;
		margin-top: -362px;
		z-index: 1;
	}

	body.index div#wrap div#content-container div#top div.sidebar {
		margin-top: -327px;
		background: #f7eecd url('../img/bg-f7eecd.png');
	}

	body div#wrap div#content-container div#top div.sidebar div.logo {
		text-align: center;
		padding: 9px 0;
		/*border-top: 30px solid #f3db91;*/
		border-bottom: 5px solid #f3db91;
		background: #f2c55e url('../img/bg-f3db91.png') 0 -20px repeat-x;
	}

	body.index div#wrap div#content-container div#top div.sidebar div.logo {
		background: none;
		border: none;
	}

	body.index div#wrap div#content-container div#top div.sidebar div.slideshow {
		text-align: center;
		padding: 3px 0px 3px;
	}

	body div#wrap div#content-container div#top div.sidebar ul#menu-main {
		position: relative;
		background-image: url('../img/bg-f3db91.png');
		padding-bottom: 5px;
		z-index: 1;
	}

	body div#wrap div#content-container div#top div.sidebar ul#menu-main li {
		padding: 2px 0;
	}

	body div#wrap div#content-container div#top div.sidebar ul#menu-main li a {
		display: block;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 8pt;
		color: #737560;
		padding: 5px 25px;
		line-height: 100%;
	}

	body div#wrap div#content-container div#top div.sidebar ul#menu-main li.active a,
	body div#wrap div#content-container div#top div.sidebar ul#menu-main li a:hover {
		background: #f2c55e url('../img/arrow-active-main-menu.png') 8px center no-repeat;
	}

	body div#wrap div#content-container div#top div.sidebar form#frmExpress {
		padding: 10px 10px;
		background-image: url('../img/bg-f2c55e.png');
		margin-bottom: 5px;
	}

	body div#wrap div#content-container div#top div.sidebar form#frmExpress h2 {
		color: white;
		text-align: center;
		margin: 3px 0;
		font-size: 10pt;
	}

	body div#wrap div#content-container div#top div.sidebar form#frmExpress label {
		display: block;
		font-size: 9pt;
	}

	body div#wrap div#content-container div#top div.sidebar form#frmExpress select {
		font-size: 8pt;
	}

	body div#wrap div#content-container div#top div.content {
		margin-top: 30px;
	}

	body.index div#wrap div#content-container div#top div.content {
		margin-top: 0px;
	}

	body.index div#wrap div#content-container div#top div.content ul#menu-start li {
		font-size: 14pt;
		display: inline;
		padding: 0 15px;
	}

	body.index div#wrap div#content-container div#top div.content ul#menu-start li a {
		color: #15528f;
		text-decoration: none;
	}

	body div#wrap div#content-container div#middle {
		clear: both;
		position: relative;
		margin-left: 88px;
		background: #f2c55e url('../img/bg-f2c55e.png');
	}

	body div#wrap div#content-container div#middle div#imageviewer {
		position: relative;

		padding-left: 206px;
		padding-right: 223px;
	}

	body div#wrap div#content-container div#middle div#imageviewer .column {
		position: relative;
		float: left;
	}

	body div#wrap div#content-container div#middle div#imageviewer div#big-image {
		width: 100%;
	}

	body div#wrap div#content-container div#middle div#imageviewer div#thumbs-left {
		width: 206px;
		right: 206px;
		margin-left: -100%;
		text-align: right;
	}

	body div#wrap div#content-container div#middle div#imageviewer div#thumbs-right {
		width: 223px;
		margin-right: -223px;
		text-align: left;
	}

	body div#wrap div#content-container div#middle div#imageviewer div#thumbs-left img,
	body div#wrap div#content-container div#middle div#imageviewer div#thumbs-right img {
		margin: 10px 18px 0;
	}

	body div#wrap div#content-container div#bottom div.content {
		float: right;
	}

	body div#wrap div#content-container div#bottom div.sidebar div.content {
		float: none;
	}

	/* special settings for price pages */
	body div#wrap div#content-container div#bottom div.prices {
		width: 666px;
		padding: 0px;
	}

	body div#wrap div#content-container div#bottom div.prices div.prices {
		padding: 10px 20px 20px;
		width: 626px;
	}

	body div#wrap div#content-container div#bottom div.red {
		background: #984842 url('../img/bg-984842.png');
		color: white;
	}

	body div#wrap div#content-container div#bottom div.darkgreen {
		background: #5eaa0b url('../img/bg-5eaa0b.png');
		color: white;
	}

	body div#wrap div#content-container div#bottom div.lightgreen {
		background: #a3c962 url('../img/bg-a3c962.png');
		color: white;
	}

	body div#wrap div#content-container div#bottom div.prices div.content {
		background: #f7eecd url('../img/bg-f7eecd.png');
		padding: 0 150px 0 58px;
		/*
		float: left;
		width: 448px;
		padding: 0 150px 0 68px;
		color: #98927f;
		font-size: 10pt;
		*/
	}

	body div#wrap div#content-container div#bottom div.sidebar {
	}