@charset 'utf-8';
@import url(http://performa.de/en/?css=styles/reset.v.1229439821);
@import url(http://performa.de/en/?css=styles/defaults.v.1229439821);

/* Page-Layout and default settings */

html { height: 100%; margin-bottom: 1px; } /* force scrollbars */

body {
	font: 12px/1.5  Helvetica, Arial, sans, sans-serif;
	color: #000;
	text-align: center;
	background: #edefe9;
	text-transform: lowercase;
}

a:link,
a:visited {
	color: #727272;
	text-decoration: none;
}

a:hover,
a:focus{
	color: #000;
}


h1, h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 18px;
	line-height: 1.3;
	color: #494949;
}

h1.space, h2.space {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 6px;
	line-height: 1.3;
	color: #494949;
}

h2 { color: #999; }
.innerbox h2 { color: #727272; }

h2.subline {
	font-size: 14px;
	margin-top: -14px;
}


h3 {
	font-size: 12px;
	font-weight: bold;
	color: #999;
}

.innerbox h3,
#dealerlist h3 { color: #000; }

h1.space, h2.space, h3.space { margin-bottom: 20px; }


p {
	margin-bottom: 12px;
	line-height: inherit;
}
p:last-child {
	margin-bottom: 6px;
}


strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

small {
	font-size: 10px;
	line-height: 1.6;
	display: block;
	padding: 3px 0;
}

.neg_spaced {
	word-spacing: -1px;
}

img {
	border: none;
}

img.block {
	display: block;
}

hr {
  background: #b2b2b2; 
  color: #b2b2b2;
  clear: both; 
  float: none; 
  height: 1px;
  margin: 0 20px 20px 0;
  border: none;
}

.span_1 hr, .span_2 hr, .span_3 hr, .span_4 hr, .span_5 hr, .span_6 hr, .span_7 hr, .span_8 hr {
  margin: 20px 0;
}

blockquote {
	font-style: italic;
	margin-bottom: 27px;
}
	blockquote .source {
		font-weight: bold;
		margin-top: -6px;
	}
	
li ul, li ol { margin:0 18px; }
ul, ol { margin:0 16px 18px 16px; }
ul {list-style-type:disc;}
ol {list-style-type:decimal;}


/* Classes ---------------------------------------------------------*/

.pdf {
	padding: 1px 0 1px 22px;
	background: url(http://performa.de/assets/img/pdf.png) no-repeat 0 50%;
}

.de, .at, .ch, .nl, .be, .dk, .ca, .com {
	padding: 0 0 0 22px !important;
	background: no-repeat 0 50% !important;
}

	.de { background-image: url(http://performa.de/assets/img/flag_de.png) !important; }
	.at { background-image: url(http://performa.de/assets/img/flag_at.png) !important; }
	.ch { background-image: url(http://performa.de/assets/img/flag_ch.png) !important; }
	.nl { background-image: url(http://performa.de/assets/img/flag_nl.png) !important; }
	.be { background-image: url(http://performa.de/assets/img/flag_be.png) !important; }
.dk { background-image: url(http://performa.de/assets/img/flag_dk.png) !important; }
.ca { background-image: url(http://performa.de/assets/img/flag_ca.png) !important; }
.com { background-image: url(http://performa.de/assets/img/flag_usa.png) !important; }	
	

.innerbox {
	padding: 20px 0 20px 20px;
	background: #e5e5e5;
	margin-right: 20px;
}

.indent {
	padding-left: 10px;
}

.left {
	float: left;
}

.right {
	float: right;
}


.fleft {
	float: left;
	margin: 3px 20px 20px 0;
}

.fright {
	float: right;
	margin: 3px 10px 20px 20px;
}

.text_right {
	text-align: right;
}
.text_center {
	text-align: center;
}

.two_elements {
	overflow: hidden;
}
	.two_elements .el_1,
	.two_elements .el_2 {
		float: left;
	}
	.two_elements .el_2 {
		float: right;
	}

.gap_top {
	padding-top: 20px;
	display: block;
}
.gap_bottom {
	padding-bottom: 20px;
	display: block;
}

.gap_top_10 {
	padding-top: 10px;
	display: block;
}
.gap_bottom_10 {
	padding-bottom: 10px;
	display: block;
}

.lift_top {
	margin-top: -20px;
}

.divide {
	border-top: 1px solid #b2b2b2;
	padding-top: 20px;
}

.shy {
	color: #919191;
}

.wait {
	background: url(http://performa.de/assets/img/wait.gif) no-repeat 50% 50%;
}

.price {
	padding: 0 0 0 7px;
	background: url(http://performa.de/assets/img/more_arrow_hover.png) no-repeat 0 60%;
}

.no_trans {
	text-transform: none;
}

.at_bottom {
	position: absolute;
	bottom: 0;
}

a.more {
	display: block;
	padding: 0 0 0 7px;
	background: url(http://performa.de/assets/img/more_arrow.png) no-repeat 0 60%;
}

a:hover.more,
a:focus.more {
	background-image: url(http://performa.de/assets/img/more_arrow_hover.png);
}




.specialtext {
	font-size: 14px;
	color: #4c4c4c;
}

.specialtext h3 {
	font-size: 14px;
	margin-bottom: 18px;
}


/* -- plain List without bullets -- */
ul.plainlist {
	list-style: none;
	margin: 0;
}


/* -- Textlist e.g. News on Startpage -- */
ul.textlist {
	list-style: none;
	margin: 0;
}

	ul.textlist li {
		margin: 0 0 12px 0;
		vertical-align: bottom;
	}
	ul.textlist li.hover {
		cursor: pointer;
	}
	
	ul.textlist li.hover a{
		color: #000;
	}
	ul.textlist li.hover a.more{
		background-image: url(http://performa.de/assets/img/more_arrow_hover.png);
	}
	

/* -- Text-Image-List eg. Awards on performaNuf-Page -- */
ul.img_text_list {
	list-style: none;
	margin: 0;
}

	ul.img_text_list li {
		margin: 0 0 27px 0;
		padding: 0 0 21px 0;
		vertical-align: bottom;
		overflow: hidden;
		border-bottom:1px solid #b2b2b2;
	}
	
	ul.img_text_list li img.mainimg {
		float: left;
	}
	
	ul.img_text_list li div.listcontent {
		padding-left: 120px;
	}

	
	
	
/* -- Thumblist -- */
ul.thumblist {
	list-style: none;
	margin: 0;
	overflow: hidden;
	margin-right: -20px;
}

	ul.thumblist li {
		margin: 0 20px 20px 0;
		float: left;
		display: inline;
	}
	
	ul.thumblist li img {
		display: block;
	}

/* -- performa colors -- */

.yellow {
	background-color: #ffdc00 !important;
}
.orange {
	background-color: #f39200 !important;
}
.red {
	background-color: #e84d26 !important;
}
.pink {
	background-color: #cc007a !important;
}
.marine,
.marine * {
	color: #fff !important;
	background-color: #24216d !important;
}
.grey,
.grey * {
	color: #fff !important;
	background-color: #858386 !important;
}
.olive,
.olive * {
	color: #fff !important;
	background-color: #706a59 !important;
}
.green,
.green * {
	color: #fff !important;
	background-color: #979d4c !important;
}
.blue,
.blue * {
	color: #fff !important;
	background-color: #2f5767 !important;
}
.ice {
	background-color: #cde4e6 !important;
}



/* -- performa color swatches -- */

	/* -- linoleum -- */
	
	/* old */
	.c_4157 { background-color: #e0d8bf; color: #fff; }
	.c_4151 { background-color: #aeab9a; color: #fff; }
	.c_4155 { background-color: #555555; color: #fff; }
	.c_4132 { background-color: #5f625c; color: #fff; }
	.c_4150 { background-color: #95928b; color: #fff; }
	.c_4158 { background-color: #748080; color: #fff; }
	.c_4162 { background-color: #2a3536; color: #fff; }
	.c_4140 { background-color: #222c38; color: #fff; }
	.c_4159 { background-color: #6c5b52; color: #fff; }
	.c_4160 { background-color: #46403a; color: #fff; }
	.c_4163 { background-color: #94683b; color: #fff; }
	.c_4146 { background-color: #182846; color: #fff; }
	.c_4154 { background-color: #371d1e; color: #fff; }
	.c_4161 { background-color: #1c1f28; color: #fff; }
	.c_4164 { background-color: #671415; color: #fff; }
	.c_4023 { background-color: #000000; color: #fff; }
	
	
	/* new */
	.c_4176 { background-color: #d7d1c5; color: #fff; }
	.c_4157 { background-color: #f5e6c5; color: #fff; }
	.c_4168 { background-color: #cfb496; color: #fff; }
	.c_4169 { background-color: #9c8c51; color: #fff; }
	.c_4164 { background-color: #9a2722; color: #fff; }
	.c_4165 { background-color: #9a2722; color: #fff; }
	.c_4132 { background-color: #81817f; color: #fff; }
	.c_4175 { background-color: #9b948a; color: #fff; }
	.c_4170 { background-color: #916e52; color: #fff; }
	.c_4171 { background-color: #c58e55; color: #fff; }
	.c_4146 { background-color: #2d4e7b; color: #fff; }
	.c_4155 { background-color: #4b5356; color: #fff; }
	.c_4140 { background-color: #384556; color: #fff; }
	.c_4172 { background-color: #5c4f49; color: #fff; }
	.c_4173 { background-color: #895130; color: #fff; }
	.c_4174 { background-color: #073125; color: #fff; }
	.c_4166 { background-color: #232126; color: #fff; }
	.c_4167 { background-color: #141d24; color: #fff; }
	.c_4154 { background-color: #4b2123; color: #fff; }
	.c_4102 { background-color: #392a25; color: #fff; }
	.c_4023 { background-color: #1e1f21; color: #fff; }
	


	/* -- kautschuk standard -- */

	.c_2446 { background-color: #cccbb8; color: #fff; }
	.c_6175	{ background-color: #6a8eac; color: #fff; }
	.c_2140	{ background-color: #5a7490; color: #fff; }
	.c_2647	{ background-color: #324157; color: #fff; }
	.c_2454	{ background-color: #b1afa6; color: #fff; }
	.c_1810	{ background-color: #999b9c; color: #fff; }
	.c_2457	{ background-color: #7a7977; color: #fff; }
	.c_2451	{ background-color: #464545; color: #fff; }
	.c_6176	{ background-color: #c2c46c; color: #fff; }
	.c_2144	{ background-color: #96836e; color: #fff; }
	.c_0131	{ background-color: #796f62; color: #fff; }
	.c_6129	{ background-color: #564e46; color: #fff; }
	.c_2452	{ background-color: #ecd5b3; color: #fff; }
	.c_6177	{ background-color: #c1a58d; color: #fff; }
	.c_6178	{ background-color: #954156; color: #fff; }
	.c_2848	{ background-color: #3b1c19; color: #fff; }
	.c_6179	{ background-color: #eec250; color: #fff; }
	.c_2981	{ background-color: #df8342; color: #fff; }
	.c_6009	{ background-color: #b84834; color: #fff; }
	.c_0597	{ background-color: #17131a; color: #fff; }
	.c_6189 { background-color: #522a54; color: #fff; }
	.c_2716 { background-color: #fad130; color: #fff; }
	.c_2145 { background-color: #634945; color: #fff; }
        .c_2641 { background-color: #bc4e92; color: #fff; }
        .c_2485 { background-color: #88c678; color: #fff; }
						
	.c_2142 { background-color: #424852; color: #fff; }
	.c_2458 { background-color: #635e59; color: #fff; }
	.c_2149 { background-color: #a7b190; color: #fff; }
	.c_2151 { background-color: #7c867b; color: #fff; }
	.c_2495 { background-color: #839161; color: #fff; }
	.c_2494 { background-color: #1b4a34; color: #fff; }
	.c_2141 { background-color: #3b4866; color: #fff; }
	.c_2486 { background-color: #3f305d; color: #fff; }
	.c_2496 { background-color: #344774; color: #fff; }
	.c_2143 { background-color: #948975; color: #fff; }
	.c_2146 { background-color: #cbad59; color: #fff; }
	.c_2147 { background-color: #a65a34; color: #fff; }
	.c_2148 { background-color: #863933; color: #fff; }
	
	
	/* -- kautschuk sonder -- */
		
	.c_6188 { background-color: #bfbab3; color: #fff; }
	.c_6186 { background-color: #d9b6aa; color: #fff; }
	.c_2405 { background-color: #b59997; color: #fff; }
	.c_6189 { background-color: #532b54; color: #fff; }
	.c_6187 { background-color: #a8a9aa; color: #fff; }
	.c_2458 { background-color: #686565; color: #fff; }
	.c_2925 { background-color: #377b91; color: #fff; }
	.c_6180 { background-color: #2e4a4f; color: #fff; }
	.c_2163 { background-color: #ddd1b4; color: #fff; }
	.c_2143 { background-color: #888570; color: #fff; }
	.c_6185 { background-color: #7c6156; color: #fff; }
	.c_2979 { background-color: #4a3937; color: #fff; }
	.c_6184 { background-color: #dcbc99; color: #fff; }
	.c_6182 { background-color: #f7ac43; color: #fff; }
	.c_6183 { background-color: #7b873b; color: #fff; }
	.c_6181 { background-color: #324533; color: #fff; }
	.c_2719 { background-color: #ad9988; color: #fff; }
	.c_2145 { background-color: #634945; color: #fff; }

	/* -- boucle -- */

	.c_59 { background-image: url(http://performa.de/assets/img/boucle/beige.png) !important; color: #fff; }
	.c_55 { background-image: url(http://performa.de/assets/img/boucle/olive.png) !important; color: #fff; }	
	.c_53 { background-image: url(http://performa.de/assets/img/boucle/melange.png) !important; color: #fff; }
	.c_51 { background-image: url(http://performa.de/assets/img/boucle/ebony.png) !important; color: #fff; }

	/* -- furniere -- */

	.c_walnut { background-image: url(http://performa.de/assets/img/furniere/walnut.png) !important; color: #fff; }
	.c_oak { background-image: url(http://performa.de/assets/img/furniere/oak.png) !important; color: #fff; }	
	.c_birch { background-image: url(http://performa.de/assets/img/furniere/birch.png) !important; color: #fff; }
	.c_plane { background-image: url(http://performa.de/assets/img/furniere/plane.png) !important; color: #fff; }

	/* --birke -- */

	.c_dunkelbraun { background-image: url(http://performa.de/assets/img/birke/dunkelbraun.png) !important; color: #fff; }
	.c_natur { background-image: url(http://performa.de/assets/img/birke/natur.png) !important; color: #fff; }

	/* -- woodnotes -- */
	
	.c_25699 { background-image: url(http://performa.de/assets/img/woodnotes/sandblack.png) !important; color: #fff; }
	.c_25615 { background-image: url(http://performa.de/assets/img/woodnotes/sandwhitenatural.png) !important; color: #fff; }

	/* -- laminate -- */

	.c_rosa { background-color: #f9bcc4; color: #fff; }
	.c_red { background-color: #ef453a; color: #fff; }
	.c_darkred { background-color: #ba2f2a; color: #fff; }
	.c_spring { background-color: #f9f7ba; color: #fff; }
        .c_flieder { background-color: #c9c0cf; color: #fff }
	.c_white { background-color: #fff; color: #000; }
	.c_black { background-color: #000; color: #fff; }

/* Framework ---------------------------------------------------------*/

div#paper {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 20px 20px;
	text-shadow: 0 0 0 #fff;
	text-align: left;
	background: #fff;
	overflow: hidden;
}
	
div#header { position: relative; }

div#content { padding-top: 30px;}

div#footer {
	border-top: 1px solid #b2b2b2;
	margin-right: 20px;
	padding-top: 5px;
	overflow: hidden;
}


.section {
	margin: 0;
	position: relative;
	padding: 0 0 20px 0;
}

	.span_1, .span_2, .span_3, .span_4, .span_5, .span_6, .span_7 {
		margin: 0 20px 0 0;
		float: left;
		display: inline;
	}
	
	.innerbox .span_1, .innerbox .span_2, .innerbox .span_3, .innerbox .span_4, .innerbox .span_5, .innerbox .span_6, .innerbox .span_7 {
		padding-bottom: 0;
	}
	
	/* Use these classes to set the width of a column. */
	.span_1 { width: 100px;}
	.span_2 { width: 220px;}
	.span_3 { width: 340px;}
	.span_4 { width: 460px;}
	.span_5 { width: 580px;}
	.span_6 { width: 700px;}
	.span_7 { width: 820px;}
	.span_8 { width: 940px;}
	
	.last { margin-right: 0;}
	.innerbox .last { margin-left: -20px; margin-right: 0;}
	
	
	/* Add these to a column to append empty cols. */
	.append_1 { padding-right: 120px;}
	.append_2 { padding-right: 240px;}
	.append_3 { padding-right: 360px;}
	.append_4 { padding-right: 480px;}
	.append_5 { padding-right: 600px;}
	.append_6 { padding-right: 720px;}
	.append_7 { padding-right: 840px;}
	
	
	/* Add these to a column to prepend empty cols. */
	.prepend_1 { padding-left: 120px;}
	.prepend_2 { padding-left: 240px;}
	.prepend_3 { padding-left: 360px;}
	.prepend_4 { padding-left: 480px;}
	.prepend_5 { padding-left: 600px;}
	.prepend_6 { padding-left: 720px;}
	.prepend_7 { padding-left: 840px;}
	
	
	/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */

	.pull_1 { margin-left: -120px;}
	.pull_2 { margin-left: -240px;}
	.pull_3 { margin-left: -360px;}
	.pull_4 { margin-left: -480px;}
	.pull_5 { margin-left: -600px;}
	.pull_6 { margin-left: -720px;}
	.pull_7 { margin-left: -840px;}
	.pull_8 { margin-left: -960px;}
	
	.pull_1, .pull_2, .pull_3, .pull_4, .pull_5, .pull_6, .pull_7, .pull_8 {float:left;position:relative;}
	
	
	.push-1 { margin: 0 -120px 0 120px;}
	.push-2 { margin: 0 -240px 0 240px;}
	.push-3 { margin: 0 -360px 0 360px;}
	.push-4 { margin: 0 -480px 0 480px;}
	.push-5 { margin: 0 -600px 0 600px;}
	.push-6 { margin: 0 -720px 0 720px;}
	.push-7 { margin: 0 -840px 0 840px;}
	.push-8 { margin: 0 -960px 0 960px;}
	
	.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8 {float:right;position:relative;}


/* Navigation ---------------------------------------------------------*/

/* -- Mainnav -- */
ul#mainnav {
	padding: 10px 0 0 17px;
	margin: 20px 20px 0 0;
	overflow: hidden;
	background: #e5e5e5;
	list-style: none;
}

	ul#mainnav li {
		float: left;
		display: inline;
		margin-right: 15px;
		font-size: 14px;
		font-weight: bold;
	}
	
	ul#mainnav li a:link,
	ul#mainnav li a:visited {
		padding: 0 25px 0 10px;
		line-height: 25px;
		height: 30px;
		display: block;
		float: left;
		
		padding: 0 17px;
		line-height: 30px;
	}
	
	ul#mainnav li a:hover,
	ul#mainnav li a:focus {
		color: #fff;
		background: #788d48;
	}
	
	ul#mainnav li.active a {
		color: #000 !important;
		background: #fff !important;
	}

/* -- Footernav -- */
ul#footernav {
	font-size: 10px;
	overflow: hidden;
	float: right;
	margin: 0;
}

	ul#footernav li {
		float: left;
		display: inline;
		margin-right: 10px;
	}
	
	ul#footernav li a:link,
	ul#footernav li a:visited {
		color: #000;
		padding-left: 7px;
		background: url(http://performa.de/assets/img/footernav_arrow.png) no-repeat 0 55%;
	}
	
	ul#footernav li a:hover,
	ul#footernav li a:focus {
		color: #727272;
		background-image: url(http://performa.de/assets/img/footernav_arrow_hover.png);
	}
	
/* -- Subnavigation -- */
ul.subnav {
	margin: 0;
	list-style: none;
}

	ul.subnav li {
		vertical-align: bottom;
		border-bottom: 1px solid #fff;
		line-height: 22px;
	}
	
	ul.subnav li a {
		display: block;
		height: 100%;
		padding: 0 0 0 24px;
		background: #efefef url(http://performa.de/assets/img/subnav_arrow.png) no-repeat 12px 55%;
	}
	
	ul.subnav li a:hover,
	ul.subnav li a:focus,
	ul.subnav li.active a
	ul.subnav li.activeSlide a {
		background-image: url(http://performa.de/assets/img/subnav_arrow_hover.png);
		color: #000;
	}
	

/* -- Listavigation -- */
ul.listnav {
	margin: 0 0 18px 0;
	list-style: none;
	overflow: hidden;
}

	ul.listnav li {
		vertical-align: bottom;
	}
	
	ul.two_col li {
		float: left;
		width: 160px;
		margin-right: 10px;
		display: inline;
	}
	
	ul.listnav li a {
		display: block;
		height: 100%;
		padding: 0 0 0 7px;
		background: url(http://performa.de/assets/img/more_arrow.png) no-repeat 0 60%;
	}
	
	ul.listnav li a:hover,
	ul.listnav li a:focus,
	ul.listnav li a.active,
	ul.listnav li.active a {
		background-image: url(http://performa.de/assets/img/more_arrow_hover.png);
		color: #000;
	}
	
	.innerbox ul.listnav li a {
		background: url(http://performa.de/assets/img/subnav_arrow.png) no-repeat 0 60%;
	}
	
	.innerbox ul.listnav li a:hover,
	.innerbox ul.listnav li a:focus,
	.innerbox ul.listnav li a.active,
	.innerbox ul.listnav li.active a {
		background-image: url(http://performa.de/assets/img/subnav_arrow_hover.png);
	}
	
	
	ul#agencies li a {
		display: inline;
		padding: 0;
		background: none;
	}
	
	ul#agencies li a:hover,
	ul#agencies li a:focus,
	ul#agencies li a.active,
	ul#agencies li.active a {
		background: none;
	}
	
/* -- Listavigation variant 1 -- */
ul.listnav_1 {
	margin: 0 0 18px 0;
	list-style: none;
	overflow: hidden;
	font-size: 14px;
	font-weight: bold;
	line-height: 29px;
	text-align: right;
}

	ul.listnav_1 li {
		vertical-align: bottom;
		border-bottom: 1px solid #b2b2b2;
		padding-right: 13px;
	}

	ul.listnav_1 li a {
		display: block;
		height: 100%;
		padding: 0 19px 0 0;
		background: url(http://performa.de/assets/img/more_arrow_big.png) no-repeat 100% 55%;
	}
	
	ul.listnav_1 li a:hover,
	ul.listnav_1 li a:focus,
	ul.listnav_1 li a.active {
		background-image: url(http://performa.de/assets/img/more_arrow_big_hover.png);
		color: #454545;
	}


/* -- Imagenavigation -- */
ul.imgnav {
	list-style: none;
	margin: 0;
	overflow: hidden;
	margin-right: -20px;
}

	ul.imgnav li {
		margin: 0 20px 0 0;
		padding: 0 0 20px 0;
		float: left;
		display: inline;
	}
	
	ul.imgnav li a {
		display: block;
		position: relative;
	}
	
	ul.imgnav li a:hover,
	ul.imgnav li a:focus {
		background-position: 100%; /* Fix for IE6 forcing to re-render the page */
	}
	
	ul.imgnav li a span {
		padding: 0 0 0 7px;
		background: url(http://performa.de/assets/img/more_arrow.png) no-repeat 0 60%;
	}
		
	ul.imgnav li a:hover span,
	ul.imgnav li a:focus span {
		background-image: url(http://performa.de/assets/img/more_arrow_hover.png);
	}
	
	ul.imgnav li img {
		display: block;
		margin-bottom: 4px;
	}
	
	ul.imgnav li img.alt {
		position: absolute;
		top: 0;
		left: -999em;
	}
	
	ul.imgnav li a:hover img.alt,
	ul.imgnav li a:focus img.alt {
		left: 0;
	}





/* Special ---------------------------------------------------------*/

/* -- Sitetools -- */
#sitetools {
	overflow: hidden;
	background: #e5e5e5;
	margin: 0 20px 20px 0;
	padding: 0 17px;
	height: 30px;
	line-height: 28px;
}

	#sitetools ul#langselect {
		float: right;
		overflow: hidden;
		list-style: none;
		margin: 0;
	}
	
		#sitetools ul#langselect li {
			float: left;
			padding: 0 10px 0 15px;
			margin-right: -10px;
			background: url(http://performa.de/assets/img/langselectdivider.png) no-repeat 100% 55%;
		}



/* -- Logo -- */
#logo {
	position: absolute;
	right: 0;
	top: 70px;
	width: 280px;
	height: 50px;
	overflow: hidden;
	z-index: 100;
	background: #ffdc00 no-repeat 50% 50%;
}

body.lang_de #logo {
	background-image: url(http://performa.de/assets/img/performa_logo.png);
}
body.lang_en #logo {
	background-image: url(http://performa.de/assets/img/performa_logo_en.png);
}

	#logo a {
		position: relative;
		display: block;
		height: 50px;
		text-indent: -999em;
		background: none !important;
	}
	
/* -- performaNuf-Logo -- */
#nuflogo {
	position: absolute;
	left: 0;
	top: 80px;
	width: 275px;
	height: 70px;
	overflow: hidden;
	z-index: 100;
	background: no-repeat 50% 50%;
}

body.lang_de #nuflogo {
	background-image: url(http://performa.de/assets/img/performa_nuf_logo.png);
}
body.lang_en #nuflogo {
	background-image: url(http://performa.de/assets/img/performa_nuf_logo.png);
}

	#nuflogo a {
		position: relative;
		display: block;
		height: 70px;
		text-indent: -999em;
		background: none !important;
	}
	
/* -- performaNuf-pager -- */
#nufnav {
	position: absolute;
	right: 40px;
	top: 70px;
	overflow: hidden;
	z-index: 100;
}

	#nufnav a {
		display: block;
		width: 20px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		float: left;
		margin-left: 4px;
		background: #d3d3d3;
	}
	
	#nufnav a.activeSlide,
	#nufnav a.active {
		color: #000;
	}
	
	
/* -- topimg -- */
img#topimg {
	display: block; 
}

/* -- Imagerotator -- */
ul#imagerotate {
	list-style: none;
	margin: 0;
	overflow: hidden;
}
	ul#imagerotate li {
		vertical-align: bottom;
	}
	ul#imagerotate li img {
		display: block;
	}
	
	/* -- topimages -- */
	ul#imagerotate.topimages,
	ul.topimages {
		height: 460px;
	}
	
	/* -- moebelimages -- */
	ul#imagerotate.moebelimages,
	ul.moebelimages {
		height: 300px;
	}


/* -- teaser -- */
div.teaser {
	margin-bottom: 18px;
	position: relative; 
}
	div.teaser img{
		display: block;
		margin-bottom: 6px;
	}
	div.teaser p{
		margin-bottom: 0;
	}
	
	div.teaser a.more{
		position: absolute;
		right: 0;
		bottom: 0;
	}
	
	
/* -- Moebelholder -- */
div#moebelholder {
	position: relative; 
}
	div#moebelholder div.text{
		position: absolute;
		padding: 20px;
		width: 420px;
		top: 90px;
		z-index: 100;
	}
	

	
/* -- detailgallery -- */
div#detailgallery {}

	div#detailgallery img#detailimage {
		display: block;
		width: 580px;
		/* height: 410px;*/
	}
	div#detailgallery ul.thumblist li {
		margin: 20px 20px 0 0;
	}
	
	div#detailgallery ul.thumblist li a{
		cursor: -webkit-zoom-in;
		cursor: -moz-zoom-in; 
	}
	

/* -- Color-Swatches -- */
ul#colorswatches,
ul#colorswatches ul {
	list-style: none;
	margin: 0;
	/* width: 380px; */
}

	body.nojs ul#colorswatches > li {
		padding-bottom: 20px;
	}

	ul#colorswatches ul li{
		float: left;
		margin: 0 20px 20px 0;
		padding: 0;
		width: 60px;
		height: 40px;
		position: relative;
	}
	
	ul#colorswatches ul li span {
		display: block;
		width: 60px;
		height: 40px;
		text-align: center;
		line-height: 40px;
		z-index: 1;
	}
	
	ul#colorswatches ul li:hover,
	ul#colorswatches ul li.hover {
		z-index: 20;
	}
	
	ul#colorswatches ul li:hover span,
	ul#colorswatches ul li.hover span {
		position: absolute;
		width: 150px;
		height: 100px;
		line-height: 100px;
		font-weight: bold;
		font-size: 200%;
		z-index: 20;
		margin: -30px 0 0 -45px;
	}
	
/* -- Dealer-List -- */
ul#dealerlist,
ul#dealerlist ul {
	list-style: none;
	margin: 0;
	margin-right: -20px;
	margin-bottom: 10px;
}
	
	body.nojs ul#dealerlist > li {
		padding-bottom: 20px;
	}

	ul#dealerlist ul li{
		float: left;
		margin: 0 20px 0px 0;
		padding: 0 0 0 90px;
		width: 190px;
		min-height: 130px;
		position: relative;
		vertical-align: bottom;
		zoom: 1;
	}
	
	ul#dealerlist ul li h3{
		position: absolute;
		left: 0;
		width: 90px;
	}
	ul#dealerlist ul li p {
		margin-bottom: 0;
	}
	
	ul#dealerlist .two_elements {
		width: 580px;
	}
	
	ul#dealerlist .quicksearch input {
		width: 88px;
		margin-left: 18px
	}



/* -- Nufcontent -- */
ul#nufcontent {
	min-height: 235px;
	margin-right: 60px;
}

ul#nufcontent h2 {
	display: none;
}

	body.nojs ul#nufcontent > li {
		border-bottom: 1px solid #b2b2b2;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	body.nojs ul#nufcontent h2 {
		display: block;
	}

	


/* -- Backlink on Microsites -- */

a#microback {
	display: block;
	padding: 5px 0 0 7px;
	background: url(http://performa.de/assets/img/back_arrow.png) no-repeat 0 12px;
	position: absolute;
	bottom: 24px;
	left: 0;
	border-top: 1px solid #b2b2b2;
	width: 213px;
}

a#microback:hover,
a#microback:focus {
	background-image: url(http://performa.de/assets/img/back_arrow_hover.png);
}


/* Forms ---------------------------------------------------------*/

form dl {
	overflow: hidden;
}

	form dl dt {
		float: left;
		width: 115px;
		padding: 6px 0;
	}
	
	form dl dt label {
		display: block;
		padding-top: 2px;
	}
	
	form dl dd {
		padding: 6px 0 6px 120px;
	}
	
	form dl dd.even {
		background: none;
	}

form dl.with_sep {
	padding: 0 0 20px 10px;
	margin-bottom: 18px;
	border-bottom: 1px solid #fff;
}


.loader img {
	vertical-align: middle;
	margin-top: -2px;
}


input,
select,
select option,
textarea,
button {
	font-family: Arial, Helvetica, sans, sans-serif;
	color: #616161;
	font-size: 12px;
	padding: 0;
}

input.text,
select,
input.file,
textarea {
	border: none;
	padding: 3px 5px 4px 5px;
	vertical-align: middle;
	background: #fff;
	border: 1px solid #cfcfcf;
	width: 328px;
}

input.text:hover,
input.text:focus,
select:hover,
select:focus,
input.file:hover,
input.file:focus,
textarea:hover,
textarea:focus {
	color: #363636 !important;
	border-color: #363636 !important;
}

label {
	color: #999999;
}

label.required {
	font-weight: bold;
}

label.blocklabel {
	display: block;
	color: #000;
	width: 340px;
	margin-bottom: 9px;
}

label.error {
	display: block;
	font-size: 10px;
	color: #e84d26;
}

label.checkbox {
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
}

input.radio,
input.checkbox {
	vertical-align: middle;
	margin: 0 3px 0 0;
	padding: 0;
}

textarea {
	height: 120px;
	vertical-align: top;
	overflow: auto;
}


input.short {
	width: 88px;
	margin-right: 17px;
}

input.medium {
	width: 208px;
	margin-right: 17px;
}

input.error,
textarea.error,
input:hover.error,
textarea:hover.error,
input:focus.error,
textarea:focus.error {
	background-color: #f8c9bd !important;
	border-color: #e84d26 !important;
}

select {
	padding: 2px 5px 3px 5px;
	width: 340px;
}

select option {
	padding: 0px 5px;
}

select.full {
	width: 100%;
}

button {
	padding-left: 5px;
	padding-right: 5px;
	line-height: 18px;
	margin: 18px 0;
}


button[disabled] {
	opacity: .4;
	cursor: default;
}

	button:hover,
	button:focus {
		color: #363636 !important;
	}