#container				{
						width: 960px;
						margin: 0px auto;
						}

#header					{
						position: relative;
						width: 940px;
						height: 270px;
						background: transparent url(../img/headers/site.jpg) top left no-repeat;
						}

	#header #logo				{
							position: absolute;
							top: 24px;
							left: 36px;
							}

	#header #page-navigation		{
							position: absolute;
							top: 40px;
							right: 30px;
							}

	#header #language-selector	{
							position: absolute;
							top: 100px;
							right: 0px;
							min-width: 155px;
							min-height: 19px;
							padding: 5px 0px 0px 11px;
							background: transparent url(../img/layout/language_selector.gif) top right no-repeat;
							}

#main					{
						padding: 0px 10px;
						background: transparent url(../img/layout/main.jpg) top left repeat-y;
						}

#navigation				{
						height: 40px;
						background: transparent url(../img/layout/navigation.jpg) top left repeat-x;
						}

#subnavigation				{
						height: 36px;
						background-color: #f0e7db;
						}

#content					{
						position: relative;
						padding: 40px 30px 60px 30px;
						min-height: 330px;
						}

	#content div.sidebar			{
							float: left;
							width: 280px;
							}

	#content div.page			{
							float: right;
							width: 580px;
							}

	#content div.page-1			{
							float: left;
							width: 280px;
							margin-left: 20px;
							}

	#content div.page-2			{
							float: right;
							width: 280px;
							}

#footer					{
						padding: 75px 10px 10px 10px;
						background: transparent url(../img/layout/footer.jpg) top left no-repeat;
						}

	#footer #footer-address		{
							float: left;
							width: 41%;
							}

	#footer #footer-contact		{
							float: right;
							width: 24%;
							}
	#footer #footer-eldom		{
							float: left;
							width: 260px;
							}
	#footer #footer-eldom img {
							width: 100px;
							float: left;
							}
	#footer #footer-eldom div {
							margin: 18px 0pt 0pt;
							}


/* ---------------------------- Händler Bar ---------------------------- */

.dealer_bar {
						height:50px;
						
						background:url(../img/layout/retailer_bar.jpg) left top repeat-x;
						line-height:50px;
}

.dealer_bar div.content {
						width:880px;
						margin:0px auto;
						padding:0px 30px 0px 30px;
}

.dealer_bar div.content h1 {
						float:left;
						margin:0px 165px 0px 0px;
						
						font-size:2em;
						line-height:50px;
}

.dealer_bar div.content p {
						float:left;
						margin:0px 0px 0px 0px;
						
						line-height:50px;
}

.dealer_bar div.content a {
						float:right;
} 

/* ---------------------------- Startseite ---------------------------- */

#index #header, #indexTeaser #header	{
						height: 420px;
						background-image: url(../img/headers/index.jpg);
						}

#index #content, #indexTeaser #content	{
						background: transparent url(../img/layout/content.jpg) top center no-repeat;
						}

#indexTeaser div.products-emotion	{
						position: relative;
						float: left;
						width: 580px;
						height: 198px;
						}

#index div.products-emotion	{
						position: relative;
						float: left;
						width: 580px;
						height: 301px;
						}

#index div.news, #indexTeaser div.news	{
						float: right;
						width: 280px;
						}

#indexTeaser div.teaser		{
						float: left;
						width: 574px;
						padding: 2px;
						margin-top: 20px;
						border: #e7e1d9 1px solid;
						}

	#indexTeaser div.teaser div.description	{
							float: left;
							width: 268px;
							padding: 14px 20px 5px 12px;
							}

	#indexTeaser div.teaser div.banner	{
							float: right;
							width: 274px;
							}

#index div.retailers			{
						float: right;
						width: 280px;
						margin-top: 50px;
						}

#indexTeaser div.retailers		{
						float: right;
						width: 280px;
						margin-top: 18px;
						}


/* ---------------------------- Hauptkategorie ---------------------------- */

#category div.page			{
						padding-top: 10px;
						}


/* ---------------------------- Unterkategorie ---------------------------- */

#subcategory div.description 	{
						margin-bottom:25px;
}

#subcategory div.page		{
						padding-top: 10px;
						}


/* ---------------------------- Produkt ---------------------------- */

#product #content			{
						padding: 40px 30px 80px 30px;
						}

#product div.sidebar div.more	{
						margin-top: 60px;
						}

#product div.product-details	{
						float: left;
						width: 280px;
						margin-left: 20px;
						}

#product div.product-images	{
						float: right;
						width: 280px;
						}

#product div.product-images ul.thumbnails	{
						margin-top: 5px;
						}

#product div.thumbnails		{
						padding: 0px 11px 9px 11px;
						background-color: #f0e7db;
						}

#product div.product-information {
						margin-top: 40px;
						}

#product div.product-information div.box
, #supportcenter div.product-information div.box	{
						min-height: 300px;
						padding: 29px 29px 39px 29px;
						margin-top: -1px;
						border: #bfaf9b 1px solid;
						background-color: #f0e7db;
						}

#supportcenter div.product-information div.box	{
						min-height: 100px;
						}

/* ---------------------------- Engineering OEM ---------------------------- */

#engineering div#content div.part1 {
						float:left;
						width:600px;
}

#engineering div#content div.part1 ul li {
						clear:both;
						width:600px;
						padding:20px 0px;
						
						border-top:1px solid #BDAC98;
}

#engineering div#content div.part1 ul li.first {
						border:none;
						padding-top:0px;
}

#engineering div#content div.part1 ul li img {
						float:right;
						padding:0px 0px 10px 10px
}

#engineering div#content div.part1 ul li img.left {
						float:left;
						margin-top:86px;
}


/* ---------------------------- Unternehmen ---------------------------- */

#company div.page			{
						padding-top: 20px;
						}

#company #profile			{
						float: left;
						width: 280px;
						}

#company #history			{
						float: right;
						width: 280px;
						}

#company #technology		{
						width: 280px;
						margin-top: 30px;
						}


/* ---------------------------- Unternehmen: Firmenprofil ---------------------------- */

#profile div.page-1, #profile div.page-2	{
						padding-top: 20px;
						}


/* ---------------------------- Unternehmen: Historie ---------------------------- */

#history div.page-1, #history div.page-2	{
						padding-top: 20px;
						}


/* ---------------------------- News-Events ---------------------------- */

#news-events #news			{
						float: left;
						width: 280px;
						margin: 10px 0px 0px 20px;
						}

#news-events #events		{
						float: right;
						width: 280px;
						margin-top: 10px;
						}

#news-events #galleries		{
						float:right;
						width:280px;
}

#news-events #galleries	div.image	{
						margin-bottom:20px;
}

#news-events #galleries	div.picture	{
						float:left;
						padding-right:10px;
}

#news-events #events div.event-location	{
						position: absolute;
						bottom: 10px;
						left: 3px;
						}

#news-events #events div.event-date	{
						position: absolute;
						bottom: 10px;
						right: 3px;
						}

/* ---------------------------- News ---------------------------- */

/* Uebersicht */
#news #news-articles		{
						float: left;
						width: 280px;
						margin: 18px 0px 0px 20px;
						}

#news #more-news			{
						float: right;
						width: 280px;
						margin-top: 10px;
						}

#news #more-news div.news-date	{
						position: absolute;
						bottom: 11px;
						right: 3px;
						}

/* Detailansicht */
#news #news-article			{
						float: left;
						width: 280px;
						margin-top: 10px;
						}

/* ---------------------------- Events ---------------------------- */

#events #event-description, #events #event-intro	{
						float: left;
						width: 280px;
						margin: 20px 0px 0px 20px;
						}

#events #more-events		{
						float: right;
						width: 280px;
						margin-top: 10px;
						}

#events #more-events div.event-location	{
						position: absolute;
						bottom: 10px;
						left: 3px;
						}

#events #more-events div.event-date	{
						position: absolute;
						bottom: 10px;
						right: 3px;
						}

/* ---------------------------- Galerie ---------------------------- */

#gallery #content div.entry div.image {
						display:table-cell;
						width:150px;
						height:150px;
						padding-bottom:5px;

						text-align:center;
						vertical-align:middle;
}

/* ---------------------------- Kontakt ---------------------------- */

#contact #contact-form		{
						float: left;
						width: 280px;
						margin: 10px 0px 0px 20px;
						}

#contact #addresses			{
						float: right;
						width: 280px;
						margin-top: 10px;
						}

/* ---------------------------- Impressum ---------------------------- */

#imprint #address			{
						float: left;
						width: 280px;
						margin: 10px 0px 0px 20px;
						}

#imprint #legal-information	{
						float: right;
						width: 280px;
						margin-top: 10px;
						}
						
#imprint #address div.disclaimer			{
						margin: 50px 0px 0px 0px;
						}

#imprint #legal-information div.disclaimer {
						margin-top:223px;
						}

/* ---------------------------- Haendler + Support ---------------------------- */

#retailer #retailer-search		{
						float: left;
						width: 280px;
						margin: 0px 0px 0px 20px;
						}

#retailer #product-search		{
						float: right;
						width: 280px;
						}


/* ---------------------------- Supportcenter ---------------------------- */

#supportcenter #product-search	{
						float: right;
						width: 580px;
						margin: 0px 0px 30px 0px;
						}

#supportcenter #search-results	{
						float: right;
						width: 580px;
						padding-top: 10px;
						border-top: #ebe5dc 2px solid;
						}


/* ---------------------------- Haendlersuche ---------------------------- */

#dealersearch #retailer-search	{
						float: right;
						width: 580px;
						margin: 0px 0px 30px 0px;
						}

#dealersearch #search-results	{
						float: right;
						width: 580px;
						padding-top: 10px;
						border-top: #ebe5dc 2px solid;
						}


/* ---------------------------- Login ---------------------------- */

#login div.login				{
						float: left;
						width: 280px;
						margin: 0px 0px 0px 20px;
						}


/* ---------------------------- Login ---------------------------- */

#forgotPassword div.password-recovery	{
						float: left;
						width: 280px;
						margin: 0px 0px 0px 20px;
						}


/* ---------------------------- Verschiedenes ---------------------------- */

div.hr					{
						clear: both;
						height: 1px;
						padding: 20px 0px;
						background: transparent url(../img/layout/hr_grey.gif) center left repeat-x;
						}

div.vspacer				{
						clear: both;
						height: 0px;
						line-height: 0px;
						overflow: hidden;
						}

.left 					{
						float:left;
						}

.right 					{
						float:right;
						}