#container				{
						position: relative;
						width: 979px;
						margin: 0px auto 30px auto;
						background: transparent url(../img/layout/header.jpg) 0px 27px no-repeat;
						}

#page-navigation			{
						float: left;
						width: 604px;
						height: 27px;
						padding-left: 47px;
						background: transparent url(../img/layout/page_navigation.jpg) top left no-repeat;
						}

#country-selector			{
						float: right;
						width: 312px;
						height: 27px;
						margin-right: 16px;
						background: transparent url(../img/layout/country_selector.jpg) top left no-repeat;
						}
						
#country-selector	span		{
						display:block;
						width:179px;
						height:24px;
						
						background:url(../img/layout/country_selector_select.jpg) 130px top no-repeat;
}						

#header					{
						clear: both;
						width: 946px;
						margin: 0px 16px 0px 18px;
						}
						
#footer					{ /* Breite: 885px */
						margin: 22px 16px 0px 18px;
						padding: 23px 30px;
						background: #210e07 url(../img/layout/footer.jpg) top left repeat-x;
						}

	#footer div.news			{
							float: left;
							width: 275px;
							margin-right: 30px;
							}

	#footer div.products			{
							float: left;
							width: 275px;
							}

	#footer div.retailers			{
							float: right;
							width: 275px;
							}

#navigation				{
						position: absolute;
						top: 127px;
						left: 18px;
						}

#main					{
						margin: 0px 16px 0px 18px;
						padding: 30px 30px 25px 30px;
						width: 886px;
						min-height: 400px;

						background: #ffffff url(../img/layout/main.jpg) top left repeat-x;
						}

#main div.back				{
						float: left;
						width: 145px;
						height: 18px;
						padding-left: 13px;
						background-color: #ece9e8;
						}

#main div.breadcrumbs		{
						float: right;
						width: 696px;
						height: 18px;
						padding-left: 30px;
						background-color: #ece9e8;
						}

  #main #subnavigation
, #main div.social-media 		{
						float: left;
						width: 158px;
						margin-top: 30px;
						}

#main #content				{
						float: right;
						width: 697px;
						margin-top: 20px;
						}

div.social-media a {
						display: block;
						height: 30px;
						width: 30px;
						padding-right: 1px;
						float: left;
}

div.social-media div.mailchimpBox {
						display: none;
						height: 105px;
						width: 150px;
						padding: 17px 10px;
						
						background: url(../img/layout/tooltip-mailchimp.jpg) left top no-repeat;
}

div.social-media div.mailchimpBox input.email {
						border: 1px solid #ededed;
						color: #a9a9a9;
						padding: 5px 10px 5px 25px;
						
						width: 92px;
						
						background: #ffffff url(../img/icons/mailchimp_icon.jpg) 5px center no-repeat;
}

div.social-media div.mailchimpBox input.button {
						background: url(../img/layout/a_arrow_white.gif) no-repeat right center;
						color: #462A1C;
						border: 0px;
						
						padding-right: 15px;
						padding-left: 0px;
}

div.social-media div.mailchimpBox input.button:hover {
						text-decoration: underline;
						cursor: pointer;
}
						
div.social-media div.facebook a {
						background: url(../img/icons/facebook.jpg) left top no-repeat;
}

div.social-media div.twitter a {
						background: url(../img/icons/twitter.jpg) left top no-repeat;
}

div.social-media div.flickr a {
						background: url(../img/icons/flickr.jpg) left top no-repeat;
}

div.social-media div.vimeo a {
						background: url(../img/icons/vimeo.jpg) left top no-repeat;
}

div.social-media div.mailchimp a {
						background: url(../img/icons/mailchimp.jpg) left top no-repeat;
}

/* ---------------------------- Händlerbar ---------------------------- */

div.dealer_bar {
						background:url(../img/layout/retail_bar.jpg) top left repeat-x;
						height:40px;

						line-height:35px;
}

div.dealer_bar div.content {
						width:885px;
						margin:0px auto;
}

/* ---------------------------- Login (lgithbox) ---------------------------- */

body#lightbox {
						background:#ffffff;
}

#lightbox #container {
						background:none;
						width:100%;
						margin:0px;
}

#lightbox #container #main {
						background:#ffffff;
						margin:0px;
						width:100%;
						min-height:200px;
						padding:0px;
}

#lightbox #container #main div.login .box {
						margin-top:35px;
}

#lightbox #container #main div.login .box_bottom {
						text-align:right;
						padding-right:45px;
}

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

#index #main				{
						padding-top: 40px;
						}

#index #header				{
						height: 320px;
						background-image: url(../img/header/index.jpg);
						background-repeat:no-repeat;
						background-position:top right;
						background-color:#1B0905;
						}

#index #navigation			{
						top: 332px;
						}

 #index div.product-emotion
,#index div.product-emotion_us		{
						position:relative;
						height: 291px;
						padding: 20px 20px 0px 25px;
						margin-bottom: 40px;
						background: url(../img/emotions/index_product_emotion_bg.jpg) top left repeat-x;
						}

#index div.product-emotion-text {
	float: right;
	width: 237px;
	padding-left: 30px;
	background: transparent url(../img/layout/vr.gif) top left repeat-y;	
}

#index div.product-emotion_us {
						padding: 35px 20px 0px 570px;
						
						background: #f0d5a9 url(../img/emotions/index_product_emotion_us.jpg) top left no-repeat;
}

#index div.product-emotion_us select option {
						padding-right:0em;
}

#index div.teaser			{
						float: left;
						width: 255px;
						min-height: 280px;
						padding: 10px 30px 0px 0px;

						background: transparent url(../img/layout/vr.gif) top right repeat-y;
						}
						
#index div.teaser img {
						float:left;
						padding-right:10px;
}

#index div.news				{
						float: left;
						width: 255px;
						min-height: 280px;
						padding: 10px 30px 0px 30px;

						background: transparent url(../img/layout/vr.gif) top right repeat-y;
						}

#index div.news div.image {
						width:65px;
						float:left;
						padding-right:10px;
						text-align:center;
}

#index div.retailers			{
						float: right;
						width: 255px;
						min-height: 280px;
						padding: 10px 0px 0px 30px;
						}

  #index div.social_media
, #index div.mailchimp {
						float: right;
						width: 255px;
						padding: 10px 0px 0px 30px;
}

#index div.social_media div.hr {
						padding: 10px 0px;
}

#index div.social_media div.facebook {
						width: 85px;
						height: 30px;
						overflow: hidden;
						
						float: left;
}

#index div.social_media div.facebook span.fb_edge_comment_widget iframe.fb_ltr {
						display: none;
}

#index div.social_media div.twitter {
						overflow: hidden;
						
						float: right;
						margin-right: 20px;
}

#index div.social_media div.flickr {
						background: url(../img/layout/flickr_index.jpg) left top no-repeat;
						
						float: left;
}

#index div.social_media div.vimeo {
						background: url(../img/layout/vimeo_index.jpg) left top no-repeat;
						
						float: right;
						margin-right: 20px;
}

  #index div.social_media div.flickr a
, #index div.social_media div.vimeo a {
						display: block;
						
						width: 70px;
						height: 20px;
}

#index div.social_media div.mailchimp input.email {
						border: 1px solid #ededed;
						color: #a9a9a9;
						padding: 5px 10px 5px 25px;
						
						background: #ffffff url(../img/icons/mailchimp_icon.jpg) 5px center no-repeat;
}

#index div.social_media div.mailchimp input.button {
						background: url(../img/layout/a_arrow_white.jpg) no-repeat right center;
						color: #462A1C;
						border: 0px;
						
						padding-right: 15px;
}

#index div.social_media div.mailchimp input.button:hover {
						text-decoration: underline;
						cursor: pointer;
}


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

#category #content			{
						margin-top: 30px;
						}

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

#product div.product-images	{
						float: left;
						width: 320px;
						}

#product div.product-images ul.thumbnails	{
						margin-top: 5px;
						}
						
#product div.product-images div.hotline{
						background: none repeat scroll 0 0 #FFF8ED;
						border: 1px solid #D7D1CE;
						float: left;
						margin-top: 30px;
						padding: 15px;
						width: 290px;
						}
						
#product div.product-images div.hotline div.phone{
						font-size: 1.8em;
						font-weight: bold;
						text-align: center;
						width: 100%;
						}
						
#product div.product-images div.hotline div.email{
						float: left;
						margin-top: 7px;
						}
						
#product div.product-images div.hotline div.times{
						float: right;
						margin-top: 7px;
						}
						
#product div.product-images div.hotline div.notice{
						margin-top: 10px;
						}
						
#product div.product-images div.hotline h1{
						margin-bottom: 10px;
						}

#product div.product-details	{
						float: right;
						width: 350px;
						}

#product div.product-details div.options	{
						margin-top: 2.4em;
						padding-bottom: 1px;
						background: transparent url(../img/layout/hr.gif) bottom left repeat-x;
						}

#product div.product-information {
						clear: both;
						min-height: 300px;
						margin-top: 60px;
						padding: 0px 10px;
						background: transparent url(../img/layout/product_information.jpg) 0px 23px no-repeat;
						}

#supportcenter div.product-information	{
						clear: both;
						min-height: 300px;
						margin-top:0px;
						padding: 0px 10px;
						background: transparent url(../img/layout/product_information.jpg) 0px 23px no-repeat;
						}

  #product div.product-information div.box
, #supportcenter div.product-information div.box	{
						padding: 20px 15px 0px 15px;
						}
						
#supportcenter div.hotline{
						background: none repeat scroll 0 0 #FFF8ED;
						border: 1px solid #D7D1CE;
						float: left;
						margin-bottom: 20px;
						padding: 15px;
						width: 290px;
						}
						
#supportcenter div.hotline div.phone{
						font-size: 1.8em;
						font-weight: bold;
						text-align: center;
						width: 100%;
						}
						
#supportcenter div.hotline div.email{
						float: left;
						margin-top: 7px;
						}
						
#supportcenter div.hotline div.times{
						float: right;
						margin-top: 7px;
						}
						
#supportcenter div.hotline div.notice{
						margin-top: 10px;
						}
						
#supportcenter div.hotline h1{
						margin-bottom: 10px;
						}

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

#recommend div.image {
						float:left;
						margin-right:10px;
}

#recommend div.description {
						float:left;
}

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

#company #profile			{
						float: left;
						width: 327px;
						padding: 0px 22px 30px 0px;
						background: transparent url(../img/layout/vr.gif) top right repeat-y;
						}

#company #movie			{
						float: right;
						width: 326px;
						padding: 0px 0px 10px 22px;
						}

#company #history			{
						clear: both;
						float: left;
						width: 327px;
						padding-right: 22px;
						padding-top:30px;
						background: transparent url(../img/layout/vr.gif) top right repeat-y;
						}

#company #technology		{
						float: right;
						width: 326px;
						padding-left: 22px;
						}


/* ---------------------------- Unternehmen: Profil ---------------------------- */

div.contentLeft			{
						float: left;
						width: 327px;
						padding-right: 22px;
						}

div.contentRight		{
						float: right;
						width: 326px;
						padding-left: 22px;
						}

div.contentRight div#movie img {
						float:left;
						padding-right:10px;
}


/* ---------------------------- WBC ---------------------------- */

#wbc div#content img {
						float:left;
						padding-right:15px;
}

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

#news-events div.page-1, #news-events div.page-2	{
						background: transparent url(../img/layout/vr.gif) 349px 0px repeat-y;
						}

#news-events #news			{
						float: left;
						width: 327px;
						padding: 0px 22px 10px 0px;
						}

#news-events #events		{
						float: right;
						width: 326px;
						padding: 0px 0px 10px 22px;
						}

#news-events #songwa		{
						clear: both;
						float: left;
						width: 327px;
						padding-right: 22px;
						}

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

#news-events #galleries div.image h3 {
						padding-bottom:10px;
}

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

#news #news-article			{
						float: left;
						width: 327px;
						padding-right: 22px;
						padding-bottom: 20px;
						}

#news #more-news			{
						float: right;
						width: 326px;
						padding-left: 22px;
						background: transparent url(../img/layout/vr.gif) top left repeat-y;
						}

#news #more-news div.teaser div.image {
						float:left;
						padding:0px 10px 10px 0px;
}

#news #more-news div.teaser {
						margin:15px 0px;
}

#news #more-news div.teaser div {
						margin-bottom:10px;
}

#news #news-article div.image {
						float:left;
						padding-bottom:10px;
}

  #news #more-news div.paging
, #events #more-events div.paging {
						padding-bottom:15px;
						
						background:url(../img/layout/hr.gif) repeat-x left bottom;
}

#events #more-events div.paging {
						margin-bottom:15px;
}

  #news #more-news div.paging div.forward
, #news #more-news div.paging div.pages
, #news #more-news div.paging div.backward
, #events #more-events div.paging div.forward
, #events #more-events div.paging div.pages
, #events #more-events div.paging div.backward {
						float:left;
}

  #news #more-news div.paging div.pages
, #events #more-events div.paging div.pages {
						margin:0px auto;
						width:225px;
						
						text-align:center;
}

  #news #more-news div.paging div.forward a:hover
, #news #more-news div.paging div.backward a:hover
, #events #more-events div.paging div.forward a:hover
, #events #more-events div.paging div.backward a:hover {
						text-decoration:none;
}

  #news #more-news div.paging div.forward a
, #events #more-events div.paging div.forward a {
						background:url(../img/layout/a_arrow_white.jpg) no-repeat right center;
						color:#462A1C;
						text-decoration:underline;
						
						padding-right:15px;
}

  #news #more-news div.paging div.backward a
, #events #more-events div.paging div.backward a {
						background:url(../img/layout/a_arrow_white_horizontal.jpg) no-repeat left center;
						color:#462A1C;
						text-decoration:underline;
						
						padding-left:15px;
}

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

#events #event-description		{
						float: left;
						width: 327px;
						padding-right: 22px;
						}

#events #more-events		{
						float: right;
						width: 326px;
						padding-left: 22px;
						background: transparent url(../img/layout/vr.gif) top left repeat-y;
						}

#events #event-description div.event-details	{
						position: relative;
						min-height: 105px;
						margin-bottom: 3px;
						}

#events #event-description div.date-location	{
						position: absolute;
						top: 5px;
						right:50px;
						}

#events #more-events div.event  {
						margin-bottom:30px;
}

#events #more-events div div.image {
						float:left;
						margin-right:10px;
						min-height:60px;
						width:64px;
}

/* ---------------------------- Newsletter ---------------------------- */

#newsletter #content div.entry {
						margin-bottom:20px;
						padding-bottom:20px;
						background: url(../img/layout/hr.gif) repeat-x left bottom;
}

#newsletter #content div.entry div.description {
						margin-bottom:10px;
}

/* ---------------------------- Whitepaper ---------------------------- */

#whitepaper #content div.entry {
						margin-bottom:20px;
						padding-bottom:20px;
						background: url(../img/layout/hr.gif) repeat-x left bottom;
}

#whitepaper #content div.entry div.description {
						margin-bottom:10px;
}

/* ---------------------------- Presse ---------------------------- */

#presse #content div.entry {
						margin-bottom:20px;
						padding-bottom:20px;
						background: url(../img/layout/hr.gif) repeat-x left bottom;
}

#presse #content div.entry div.description {
						margin-bottom:10px;
}

/* ---------------------------- 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: 319px;
						padding-right: 30px;
						}

#contact #addresses			{
						float: right;
						width: 326px;
						padding-left: 22px;
						background: transparent url(../img/layout/vr.gif) top left repeat-y;
						}

/* ---------------------------- Händler Support ---------------------------- */

#retailer div.contentRight {
						background: transparent url(../img/layout/vr.gif) top left repeat-y;
}

/* ---------------------------- 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;
						}

.left 					{
						float:left;
						}

.right 					{
						float:right;
						}