/*
	
		Haus und Hof GmbH
		----------------------------------------------------------------------
	
	*/
	
	
	
	/*
		Global
		----------------------------------------------------------------------
	*/
	
	* {
		margin: 0;
		padding: 0;
		border: none;
	}
	
	body {
		color: #fff;
		background-color: #555;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.625em;
	}
	
	a#anchormenu,
	a#anchorcontent {
		height: 0;
		line-height: 0;
		font-size: 0;
		text-indent: -2000px;
		margin-left: -2000px;
	}
	
	input,
	textarea {
		border: 1px solid #ddd;
	}
	
	/*
		Container gesamter Content
		----------------------------------------------------------------------
	*/
	
	div#page {
		position: relative;
		width: 910px;
		margin: 15px auto 0 auto;
		border-bottom: 15px solid #555;
		color: #333;
		background: #fff url(images/bg-page.gif) -94px 0 repeat-y;
	}
		
	/*
		Header
		----------------------------------------------------------------------
	*/
	
	div#header {
		position: relative;
		height: 252px;
		color: #333;
		background: #fff url(images/bg_header.jpg) 0 100% no-repeat;
		border-bottom: 11px solid #1f5534;
	}
	
	div#header div#logo {
		position: absolute;
		left: 20px;
		top: 19px;
		width: 142px;
		height: 84px;
	}

	div#header h1 {
		font-size: 1.6em;
		font-weight: bold;
		font-variant: small-caps;
		letter-spacing: 0.5em;
		padding: 22px 25px 0 0;
		text-align: right;
	}
			
	div#header p#jumpmenu {
		position: absolute;
		right: 2000px;
		z-index: 1;
	}
	
	div#header p#jumpmenu span {
		display: none;
	}
	
	div#header p#jumpmenu a:focus, 
	div#header p#jumpmenu a:active {
		position: absolute;
		right: -2000px;
		top: 40px;
		display: block;
		width: 210px;
		padding: 5px 10px;
		color: #000;
		background-color: #f6f6f6;
	}

	
	/*
		Linke Spalte
		----------------------------------------------------------------------
	*/
	
	div#leftcol {
		float: left;
		width: 286px;
		padding-left: 20px;
	}
	
	div#leftcol ul {
		float: left;
		width: 100%;
		display: inline;
		padding: 15px 0;
		list-style-type: none;
		list-style-image: none;
		color: #000;
		background-color: #e8e9e4;
	}
	
	div#leftcol li {
		float: left;
		display: inline;
		width: 123px;
		margin: 0 20px 7px 0;
		list-style-type: none;
		list-style-image: none;
	}
	
	div#leftcol li img {
		margin-bottom: 2px;
	}
	
	div#leftcol li a {
		float: left;
		width: 123px;
		font-size: 1.2em;
		text-decoration: none;
		line-height: 1.4;
		color: #000;
		background-color: #e8e9e4;
	}
	
	div#leftcol li a span {
		margin-left: 1px;
		padding-left: 11px;		
		background: url(images/bg_link_leftcol.gif) 0 50% no-repeat;
	}
	
	/*
		Content Frame
		----------------------------------------------------------------------
	*/
	
	div#contentframe {
		float: left;
		width: 604px;
	}
	
	/*
		Mainnav
		----------------------------------------------------------------------
	*/
	
	ul#navlist {
		padding: 2em 0 1em 20px;
	}
	
	ul#navlist li {
		float: left;
		display: inline;
		width: auto;
		list-style-type: none;
		margin-right: 1.3em;
	}
	
	ul#navlist li a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		font-weight: bold;
		float: left;
		display: block;
		width: auto;
		text-decoration: none;
		color: #333;
		background-color: #fff;
		text-transform: none;
	}
		
	ul#navlist li a:hover {
		text-decoration: underline;
	}
	
	/*
		Content
		----------------------------------------------------------------------
	*/
	
	div#content {
		padding: 40px 0 0 20px;
		min-height: 250px;
	}
	
	/* Text */
	
	div#content div.txt {
		float: left;
		width: 340px;
	}
	
	div#content div.txt h2 {
		margin-bottom: 1em;
		font-size: 1.6em;
		line-height: 1.4;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	div#content div.txt p {
		margin-bottom: 0.5em;
		font-size: 1.2em;
		line-height: 1.6;
	}
	
	div#content div.txt p.pdf {
		padding-left: 22px;
		text-align: left;
		font-weight: normal;
		line-height: 1.8;
		background: url(images/symb-pdf.gif) 0 0 no-repeat;
	}

	div#content div.txt ul {
		margin: 0 0 1em 1em;
		padding-left: 1.5em;
		list-style-type: disc;
		list-style-image: none;
		font-size: 1.2em;
		line-height: 1.6;
	}
		
	div#content div.txt a {
		color: #333;
		background-color: #fff;
	}
	
	div#content div.txt table {
		font-size: 1.2em;
	}
	
	div#content div.txt table p {
		font-size: 1em;
		line-height: 1.4;
	}
	
	div#content div.txt table table {
		font-size: 1em;
	}
	
	div#content div.txt .topspace {
		margin-top: 2em;
	}
	
	/* Bilder */
	
	div#content div.image {
		float: right;
		display: inline;
		width: 190px;
		margin-right: 20px;
	}
	
	div#content div.image p img {
		margin-bottom: 1em;
	}
	
	div#content div.image dl dt img {
		float: right;
		margin-bottom: 0.5em;
	}
	
	div#content div.image dl dd {
		text-align: left;
	}
	
	/*
		News
		----------------------------------------------------------------------
	*/
	
	h2.news {
		padding: 3em 20px 0.4em 20px;
		font-size: 1.4em;
		font-weight: bold;
		text-transform: uppercase;
		color: #000;
		background-color: #fff;
	}

	div#news {
		position: relative;
		height: 180px;
		padding-bottom: 1em;
		color: #000;
		background: #b8beae url(images/bg_logo-hausundhof.gif) 100% 8em no-repeat;
		overflow: hidden;
		border-top: 5px solid #1f5534;
	}
	
	div#news div.headline div {
		width: 400px;
	}

	div#news p {
		margin: 0;
		padding: 10px;
		font-size: 1.1em;
		line-height: 1.3;
		font-weight: normal;
		color: #000;
		background-color: #b8beae;
	}

	.stepcarousel {
		position: relative; /*leave this value alone*/
		overflow: scroll; /*leave this value alone*/
		width: 400px; /*Width of Carousel Viewer itself*/
		height: 170px; /*Height should enough to fit largest content's height*/
		border-left: 10px solid #B8BEAE;
		border-right: 10px solid #B8BEAE;
		border-bottom: 10px solid #B8BEAE;
	}
	
	.stepcarousel .belt {
		position: absolute; /*leave this value alone*/
		left: 0;
		top: 0;
	}
	
	.stepcarousel .panel {
		float: left; /*leave this value alone*/
		overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
		width: 400px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}
	
	/* 
		Clearfix-Hack
		---------------------------------------------------------------
	*/

	.clearfix:after {
		content: ".";		
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
						
	/**/
	
	div#leftcol div.partner {
		float: left;
		width: 266px;
		border-top: 1px solid #308350;
		margin: 0 20px 0 0;
		padding: 10px 0 0 0;
	}
	
	div#leftcol div.partner p {
		font-size: 1.2em;
		font-weight: bold;
		color: #000;
		background-color: #e8e9e4;		
	}
	
	div#leftcol div.partner ul {
		margin: 0;
		padding: 10px 0;
		list-style-type: none;
		list-style-image: none;
		color: #000;
		background-color: #e8e9e4;
	}
	
	div#leftcol div.partner li {
		float: left;
		display: inline;
		width: 100%;
		list-style-type: none;
		list-style-image: none;
	}
	
	div#leftcol div.partner li a {
		float: left;
		width: auto;
		font-size: 1.2em;
		text-decoration: none;
		line-height: 1.4;
		color: #000;
		background-color: #e8e9e4;
	}