/*
	TuningPalace CSS
	(c) 2009 NETGENERATOR
	
	Version 0.04
	16.12.2009
*/


body { background: #292929 url(../grafik/bg_main.png) 50% 50px repeat-y; color: #fff; font-family: "Trebuchet MS", Tahoma, Arial, Verdana; font-size: 11px; }
h1, h2, h3, h4, h5 { font-weight: normal; color: #f7b31b; }
p { margin: 0; padding: 0; }
.rightfloat { float: right; }
a { color: #fff; }
a:hover, a:focus, a:active { color: #eee8c5; }
.bold { font-weight: bold; }


/* login / register */
.form_row { display: block; clear: both; padding: 1px 0 0; margin: 0; }
	label { width: 170px; margin: 0 10px 10px 0; float: left; clear: both; display: block; text-align: right; }
	span.login { margin: 0 20px 0 0; }
	.login_pw_vergessen { text-decoration: underline; }
	
	.form_info { display: block; clear: both; padding: 0 0 15px 25px; font-size: 11px; font-style: italic; }
	input, select, textarea { margin: 2px 0 5px; padding: 1px 3px; background: #000; color: #f7b31b; border: 1px solid #2b2b2b; font-size: 11px; font-style: italic; }
	input:hover, input:active, input:focus, select:hover, select:active, select:focus, textarea:hover, textarea:active, textarea:focus { background: #513b09; }
	
	.submit { padding: 5px; background: #f7b31b; color: #000; text-decoration: none; font-weight: bold; font-style: normal; font-size: 12px; }
	.submit:hover, .submit:active, .submit:focus { color: #fff; background: #513b09; }
	.rechts { float: right; }

#bodycontainer { position: relative; }
#topbar { position: absolute; top: 0px; right: 10px; font-size: 10px; color: #9e8d6a; }
	#topbar ul { margin: 0; padding: 0; list-style: none; text-align: right; }
		#topbar ul li { height: 19px; margin: 0; padding: 0; float: left; border-left: 1px solid #9e8d6a; }
			#topbar ul li a { display: block; padding: 2px 10px; color: #9e8d6a; text-decoration: none; }
			#topbar ul li a:hover, #topbar ul li a:active, #topbar ul li a:focus { background: #eee8c5; color: #4e2e2c; }

#header_container { width: 100%; height: 176px; position: absolute; top: 0px; overflow: hidden; background: transparent url(../grafik/bg_header.png) 50% 0 no-repeat; }
* html #header_container { background-image: none; }
	
	#header { width: 960px; height: 176px; margin: 0 auto; position: relative; }
		.logo { width: 301px; height: 94px; position: absolute; bottom: 30px; left: 15px; }
		#mainnavi { list-style: none; margin: 20px 0 0; padding: 0; position: absolute; right: 20px; bottom: 0; }
			#mainnavi li { margin: 0; padding: 10px 15px 10px 10px; float: left; border-left: 1px solid #2b2b2b; }
				#mainnavi li a { margin: 0; font-size: 11px; text-decoration: none; color: #757575; }
				#mainnavi li a:hover, #mainnavi li a:active, #mainnavi li a:focus, #mainnavi li a.active {  }
					#mainnavi li a .hl { font-size: 18px; text-transform: uppercase; font-weight: normal; display: block; clear: both; color: #fff; }
						#mainnavi li a:hover .hl, #mainnavi li a:active .hl, #mainnavi li a:focus .hl, #mainnavi li a.active .hl { color: #f7b31b; }
					
				
.container_12, .container_16 { background: #000; margin-top: 176px; }

	
/* startseite */
	#bigpic { width: 960px; height: 365px; margin: 0; position: relative; background: #fff url(../grafik/bg_bigpic_fordprobe.jpg) left top no-repeat; }
		#bigpic #headline { width: 800px; position: absolute; top: 20px; right: 20px; margin: 0 0 20px; color: #fff; text-shadow: 0 0 10px #000, 0 0 10px #000; text-align: right; }
			#bigpic #headline h1 { font-size: 45px; line-height: 1.2em; color: #fff; text-transform: uppercase; }
			#bigpic #headline h2 { width: 425px; margin: 0 0 0 360px; padding: 10px 20px 15px 15px; font-size: 24px; line-height: 1.1em; color: #fff; background: transparent url(../grafik/bg_grauschleier.png) left top repeat-y;  }
		#bigpic .weiterzumshop { width: 150px; height: 35px; padding: 85px 0 0; position: absolute; right: 15px; bottom: 10px; text-align: center; color: #007f11; font-weight: bold; font-size: 13px; text-decoration: none; text-shadow: none; background: transparent url(../grafik/b_weiter.png) 50% top no-repeat; }
		#herstellerlogos { position: absolute; left: 20px; top: 25px; }
	#wanderweg { margin: -25px 0 20px; color: #aaa; text-transform: uppercase; }
	#shop_vorschau_text { width: 280px; position: absolute; left: 10px; top: 380px; }
	#shop_vorschau { width: 609px; padding: 20px 0; float: right; border-left: 1px solid #2b2b2b; }
		#shop_vorschau h2 { margin: 15px 20px 25px; }
	
	
	
	.greybg { background: #141414; }
	.afterbigpic { padding-top: 20px; }
	#infoboxen { width: 960px; display: table; margin: 0 0 20px; padding: 30px 0 20px; border-top: 1px solid #2b2b2b; border-bottom: 1px solid #2b2b2b; }	
		#infoboxen h4 { font-size: 12px; margin: 0 0 5px; }
		#infoboxen .grid_4 { width: 276px; height: 120px; margin-bottom: 20px; padding: 10px; background: #191919; border: 1px solid #2b2b2b; }
		#infoboxen .imgbox { width: 87px; height: 100px; margin-right: 10px; float: left; display: block; line-height: 155px; vertical-align: middle; text-align: center; }
	
	
		
			
			
/* shop */
	#shop_navi { width: 179px; min-height: 620px; height: auto !important; height: 620px; padding-left: 20px; margin-right: 20px; margin-bottom: 20px; border-right: 1px solid #2b2b2b; }
		#shop_navi ul { list-style: none; margin: 0 10px 0 -10px; padding: 0; }
			#shop_navi ul li { margin: 0; padding: 0; }
				#shop_navi ul li a { margin-right: 20px; padding: 0 0 0 10px; display: block; text-decoration: none; border-bottom: 1px solid #2b2b2b; }
				#shop_navi ul li a:active, #shop_navi ul li a:focus, #shop_navi ul li a:hover, #shop_navi ul li a.active, #shop_navi ul li a.sg_active { background: #513b09; border-color: #000; }
				#shop_navi ul li a.active { font-weight: bold; background: #f7b31b; color: #000; }
				#shop_navi ul li a.sg_active { font-weight: bold; }
				/* shop navi subgruppe */
				#shop_navi ul li .shopnavi_sub { margin: 0 20px 0 0; padding: 0 0 0 10px; background: #513b09; list-style: none; }
				#shop_navi ul li .shopnavi_sub .shopnavi_sub { margin: 0; }
					#shop_navi ul li .shopnavi_sub li { }
						#shop_navi ul li .shopnavi_sub li a { margin: 0; padding: 0 0 0 15px; border-bottom: 1px solid #513b09; }
							#shop_navi ul li .shopnavi_sub li a:hover, #shop_navi ul li .shopnavi_sub li a:focus, #shop_navi ul li .shopnavi_sub li a:active, #shop_navi ul li .shopnavi_sub li a.active, #shop_navi ul li .shopnavi_sub li a.sg_active { color: #afafaf; border-color: #afafaf; }
							#shop_navi ul li .shopnavi_sub li a.active { font-weight: bold; background: #f7b31b; color: #000; border-color: #000; }
							#shop_navi ul li .shopnavi_sub li a.sg_active { font-weight: bold; color: #fff; border-color: #000; border-left: 1px solid #000; }
		#shopsuche_kategorie { width: 128px; }					
	.artikelliste { display: block; position: relative; list-style: none; margin: 20px 0 0 -20px; padding: 0; }
		.artikelliste li { width: 165px; margin: 0 0 20px 20px; border: 1px solid #2b2b2b; position: relative; float: left; overflow: hidden; }
			.artikelliste a { width: 165px; height: 240px; position: relative; display: block; overflow: hidden; }
				.artikelliste li .imgbox { width: 165px; height: 152px; margin: 0 0 10px; display: block; background: #2b2b2b; vertical-align: middle; text-align: center; }
					.artikelliste li .imgbox img {  }
				.artikelliste li p { padding: 0 10px; font-size: 11px; font-weight: bold; }
				.artikelliste li .preis { position: absolute; bottom: 5px; right: 5px; font-weight: bold; text-decoration: none; font-size: 14px; }
				.artikelliste li a { text-decoration: none; }
				.artikelliste li a:hover, .artikelliste li a:active, .artikelliste li a:focus { text-decoration: underline; color: #f7b31b; }
	#shop_vorschau .artikelliste { margin-left: 0; }
	.sidebar_box { margin: 40px 0 0; }
	#sidebar_right { width: 170px; float: right; padding-right: 20px; margin-top: 0; }
		#sidebar_right .sidebar_box { margin-top: 0; }
	
/* shop artikeldetails */
	#shop_details { width: 330px; float: right; font-size: 11px; }
		#shop_details .box, #shop_details h1 { margin: 0 0 10px; padding: 0 0 10px; display: block; position: relative; border-bottom: 1px solid #2b2b2b; }
		#shop_details h1 { font-size: 18px; }
			#shop_details .box div { display: block; margin: 0 0 10px; }
				#shop_details .box .addtocart { margin: 0 0 5px; }
				#shop_details .box div .qty { width: 40px; margin: 0 10px 0 0; padding: 1px 3px; border: 1px solid #505a59; font-weight: bold; text-align: right; }
				#shop_details .box div .submit { position: absolute; right: 0; bottom: 10px; }
				* html #shop_details .box div .submit { width: 160px; position: relative; bottom: 10px; right: 10px; float: right; }
			#shop_details .box .preis strong { margin: 0 10px 0 0; font-weight: bold; font-size: 18px; }
			.stream { width: 340px; height: 82px; display: block; overflow: hidden; }
				.stream ul { width: 340px; margin: 0; padding: 0; float: left; list-style: none outside; }
					.stream ul li { width: 90px; height: 80px; float: left; margin: 0 5px; padding: 0; text-align: center; vertical-align: middle; }
						.stream ul li a { width: 90px; height: 80px; display: block; border: 1px solid #e7e7e7; background: #fff; text-align: center; vertical-align: middle; line-height: 78px; }
						.stream ul li a:hover, .stream ul li a:focus, .stream ul li a:active { background: #932d00; }
							.stream ul li a img { margin: 0; padding: 0; border: none; vertical-align: middle; }
			#shop_details .freie_eingabe { width: 340px; }
			#shop_details #staffelpreise { display: block; margin: 10px 0 25px; }
				#shop_details #staffelpreise td.preis { padding-left: 15px; }
			#shop_details #aktueller-preis_box { width: 180px; float: right; }
			#itemdesc_text { margin-top: 50px; }
	#shop_pics { width: 340px; float: left; font-size: 11px; }
		#shop_pics #bigimg { width: 340px; height: 313px; margin: 0 0 25px; float: left; background: #2b2b2b; text-align: center; vertical-align: middle; line-height: 313px; }
			#shop_pics #bigimg img { vertical-align: middle; }
	
	/* shop warenkorb */
	#content.warenkorb { width: 720px; margin-right: 0; }
	#shop_warenkorb { width: 680px; float: left; font-size: 11px; }
	* html #shop_warenkorb { width: 460px; }
		#shop_warenkorb h1 { margin: 0 0 10px; padding: 0 0 5px; display: block; position: relative; border-bottom: 1px solid #2b2b2b; }
		#warenkorb_artikel { display: block; margin: 0; padding: 0; list-style: none outside; }
			#warenkorb_artikel li { min-height: 80px; height: auto !important; height: 80px; display: block; clear: both; margin: 0 0 10px; padding: 0 10px 10px; vertical-align: middle; position: relative; border-bottom: 1px solid #2b2b2b; }
				#warenkorb_artikel li a.img { width: 90px; height: 80px; margin: 0 10px 0 0; display: block; float: left; background: #2b2b2b; text-align: center; vertical-align: middle; line-height: 78px; }
					#warenkorb_artikel li a.img img { margin: 0; padding: 0; border: none; vertical-align: middle; }
				#warenkorb_artikel li .titel { /*width: 350px;*/ display: block; font-weight: bold; color: #f7b31b; }
					#warenkorb_artikel li .titel a { color: #f7b31b; }
				#warenkorb_artikel li .preis { position: absolute; bottom: 10px; right: 10px; font-size: 14px; font-weight: bold; }
				#warenkorb_artikel li .artnr, #warenkorb_artikel li .qty, #warenkorb_artikel li .farbe { width: 100%; display: block; margin: 0 0 5px; }
				#warenkorb_artikel li .freie_eingabe { width: 400px; display: block; }
				#warenkorb_artikel li .freie_eingabe_zusammenfassung { width: 600px; display: block; }
					#warenkorb_artikel li .qty input { width: 40px; margin: 0 10px 0 0; padding: 1px 3px; float: left; border: 1px solid #2b2b2b; font-weight: bold; text-align: right; }
		#warenkorb_summe { width: 315px; display: block; float: right; margin: 0; padding: 0; }
			#warenkorb_summe .titel, #warenkorb_summe .summe { width: 115px; padding: 0 10px 0 0; display: block; float: left; text-align: right; border-bottom: 1px solid #2b2b2b; }
			#warenkorb_summe .titel { width: 180px; padding: 0 10px 0 0; display: block; float: left; text-align: right; }
			#warenkorb_summe h2 { clear: both; display: block; font-size: 14px; }
			#warenkorb_summe h2 .titel, #warenkorb_summe h2 .summe { border: none; }
			#warenkorb_summe .info { padding: 0 10px 0 0; float: right; text-align: right; }
		#warenkorb_buttons { width: 100%; display: block; clear: both; padding: 50px 0 0; }
		
		#secure_shopping_info { margin: 0 10px 0 0; padding: 0; }
		
		/* miniwarenkorb sidebar */
		#miniwarenkorb_box .leer { padding: 0; color: #2b2b2b; font-size: 11px; font-style: italic; }
				#miniwarenkorb_box h3 { margin: 0; }
				#miniwarenkorb_box #miniwarenkorb { display: block; list-style: none; margin: 0 30px 0 -10px; padding: 0; font-size: 10px; line-height: 1.2em; }
					#miniwarenkorb_box #miniwarenkorb li { display: block; clear: both; margin: 0; position: relative; }
						#miniwarenkorb_box #miniwarenkorb li a { padding: 5px 10px 0; margin: 0; display: block; float: left; border-top: 1px solid #2b2b2b; text-decoration: none; }
						#miniwarenkorb_box #miniwarenkorb li a:hover, #miniwarenkorb_box #miniwarenkorb li a:focus, #miniwarenkorb_box #miniwarenkorb li a:active { color: #fff; }
						#miniwarenkorb_box #miniwarenkorb li.first a { border: none; }
					
						#miniwarenkorb_box #miniwarenkorb li a .imgbox { width: 42px; height: 39px; margin: 0 10px 5px 0; display: block; float: left; text-align: center; vertical-align: middle; line-height: 40px; background: #2b2b2b; }
							#miniwarenkorb_box #miniwarenkorb li a .imgbox img { vertical-align: middle; border: none; }
						#miniwarenkorb_box #miniwarenkorb li .titel { text-decoration: underline; }
						#miniwarenkorb_box #miniwarenkorb li .einzelpreis { margin: 0 0 7px; padding: 0; float: left; clear: both; }
						#miniwarenkorb_box #miniwarenkorb li .gesamtpreis { margin: 0; padding: 0; float: right; font-weight: bold; text-align: right; }
					#miniwarenkorb_box #miniwarenkorb li.gesamt { padding: 5px 10px; margin: 0; border-top: 1px solid #2b2b2b; font-weight: bold; font-size: 11px; }
						#miniwarenkorb_box #miniwarenkorb li.gesamt .titel { text-decoration: none; }
						#miniwarenkorb_box #miniwarenkorb li.gesamt .ust { padding: 3px 0 15px; display: block; clear: both; font-size: 10px; font-weight: normal; text-align: right; }
				#miniwarenkorb_box .submit  { }
				
				
	/* shop bestellen */
	#bestellbox { width: 480px; float: left; }
		#bestellbox h4 { clear: both; }
	table.adressen { margin: 0 0 20px; }
		table.adressen tr td { vertical-align: top; }
			
	/* jQuery jCarousel CSS */
	/* small carousel */
	.jcarousel-skin-small .jcarousel-container {  }
	.jcarousel-skin-small .jcarousel-container-horizontal { width: 270px; padding: 10px 25px 0; }
	.jcarousel-skin-small .jcarousel-clip-horizontal { width:  270px; height: 82px; }
	.jcarousel-skin-small .jcarousel-item { width: 95px; height: 80px; border: none; background: #2b2b2b; text-align: center; vertical-align: middle; line-height: 78px; }
	.jcarousel-skin-small .jcarousel-item:hover, .jcarousel-skin-small .jcarousel-item:focus, .jcarousel-skin-small .jcarousel-item:active { border-color: #932d00; }
		.jcarousel-skin-small .jcarousel-item img { margin: 0; padding: 0; border: none; vertical-align: middle; }
	.jcarousel-skin-small .jcarousel-item-horizontal { margin: 0 20px; }
	.jcarousel-skin-small .jcarousel-item-placeholder { background: #fff; color: #000; }
	/* Horizontal Buttons */
	.jcarousel-skin-small .jcarousel-next-horizontal { position: absolute; top: 36px; right: 5px; width: 14px; height: 28px; cursor: pointer; background: transparent url(grafik/jcarousel-next-horizontal.png) no-repeat 0 0; }
	.jcarousel-skin-small .jcarousel-next-horizontal:hover, .jcarousel-skin-small .jcarousel-next-horizontal:active { cursor: default; background-position: 0 -72px; }
	.jcarousel-skin-small .jcarousel-next-disabled-horizontal, .jcarousel-skin-small .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-small .jcarousel-next-disabled-horizontal:active { background-position: 0 72px; }
	.jcarousel-skin-small .jcarousel-prev-horizontal { position: absolute; top: 36px; left: 5px; width: 14px; height: 28px; cursor: pointer; background: transparent url(grafik/jcarousel-prev-horizontal.png) no-repeat 0 0; }
	.jcarousel-skin-small .jcarousel-prev-horizontal:hover, .jcarousel-skin-small .jcarousel-prev-horizontal:active { cursor: default; background-position: 0 -72px; }
		.jcarousel-skin-small .jcarousel-prev-disabled-horizontal, .jcarousel-skin-small .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-small .jcarousel-prev-disabled-horizontal:active { background-position: 0 72px; }
	
	/* big carousel (startseite) */
	.jcarousel-skin-big .jcarousel-container {  }
	.jcarousel-skin-big .jcarousel-container-horizontal { width: 375px; padding: 0 0 0 45px; }
	.jcarousel-skin-big .jcarousel-clip-horizontal { width: 306px; height: 184px; }
	.jcarousel-skin-big .jcarousel-item { width: 306px; height: 184px; background: #fff; text-align: center; vertical-align: middle; }
		.jcarousel-skin-big .jcarousel-item img { margin: 0; padding: 0; border: none; vertical-align: middle; }
			
	.jcarousel-skin-big .jcarousel-item-horizontal { margin-right: 5px; }
	.jcarousel-skin-big .jcarousel-item-placeholder { color: #000; }
	/* Horizontal Buttons */
	.jcarousel-skin-big .jcarousel-next-horizontal { position: absolute; top: 77px; left: 377px; width: 14px; height: 28px; cursor: pointer; background: transparent url(grafik/jcarousel-next-horizontal.png) no-repeat 0 0; }
	.jcarousel-skin-big .jcarousel-next-horizontal:hover, .jcarousel-skin-big .jcarousel-next-horizontal:active { cursor: default; background-position: 0 -72px; }
	.jcarousel-skin-big .jcarousel-next-disabled-horizontal, .jcarousel-skin-big .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-big .jcarousel-next-disabled-horizontal:active { background-position: 0 72px; }
	.jcarousel-skin-big .jcarousel-prev-horizontal { position: absolute; top: 77px; left: 5px; width: 14px; height: 28px; cursor: pointer; background: transparent url(grafik/jcarousel-prev-horizontal.png) no-repeat 0 0; }
	.jcarousel-skin-big .jcarousel-prev-horizontal:hover, .jcarousel-skin-big .jcarousel-prev-horizontal:active { cursor: default; background-position: 0 -72px; }
		.jcarousel-skin-big .jcarousel-prev-disabled-horizontal, .jcarousel-skin-big .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-big .jcarousel-prev-disabled-horizontal:active { background-position: 0 72px; }
	

		
	#map, #map_canvas { width: 350px; height: 500px; margin: 0 0 30px 20px; float: right; border: 1px solid #f7b31b; color: #2b2b2b; }
		#map a, #map_canvas a { color: #2b2b2b; }
	#content { position: relative; }
		
		
		
		
	
/* alignment classes & additional classes*/
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.no-border { border: none; }

	
/* messagebox */
	#messagebox { background: #2b2b2b; padding: 20px; margin: 5px 0 20px; }
	.artikelliste #messagebox { margin-left: 10px; }
		#messagebox h2 { font-size: 12px; }


	
	
/* footer */
	#footerboxen { width: 920px; margin-top: 80px; padding: 0 0 0 20px; border-top: 1px solid #2b2b2b; }
		#footerboxen div { margin: 10px 0 30px; }
	ul.sitemap { list-style: none; margin: 0; padding: 0; }
		ul.sitemap li { margin: 0; padding: 0; text-transform: uppercase; }
			ul.sitemap li a { text-decoration: none; color: #f7b31b; }
				ul.sitemap li a:hover, ul.sitemap li a:focus, ul.sitemap li a:active { text-decoration: underline; }
			ul.sitemap li ul { margin: 0 0 0 10px; list-style: none; }
				ul.sitemap li ul li { text-transform: none; }
					ul.sitemap li ul li a { color: #63480c; }
					ul.sitemap li ul li a:hover, ul.sitemap li ul li a:focus, ul.sitemap li ul li a:active { color: #f7b31b; text-decoration: underline; }
	#footer_container { height: 80px; display: block; background: #292929 url(../grafik/bg_footer.png) 50% 0 no-repeat; }
		#footer { width: 960px; margin: 0 auto; padding: 20px 0 0; text-align: center; }
		
		.footernavi { display: block; list-style: none; margin: 0; padding: 0; text-align: center; font-size: 11px; color: #8f875b; }
			.footernavi li { float: left; margin: 0 20px 10px 0; }
				.footernavi li a { color: #8f875b; text-decoration: none; border-bottom: 3px solid #c5bc89; padding: 0; margin: 0; }
				.footernavi li a:hover, .footernavi li a:active, .footernavi li a:focus, .footernavi li a.active { color: #898700; border-bottom: 3px solid #4e2e2c; }