@charset "utf-8";

/* 3stepsfusion CSS Document 'jtlshop2.css' */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*  You can get more informations on www.3stepsfusion.eu                     		   	*/
/*  Copyright gj-design.de - (C) 2009 All Rights reserverd                     		    */
/*  This Template "gjdesign" was designed by Sacha Lehmann (3stepsfusion) 2010	        */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

* 				{ padding:0; margin:0; }

html,body		{ margin:0 auto; padding:0; }

body			{ background-color:#f2f2f2; color:#000; font-size:76%; font-family: Arial, Verdana, Helvetica, sans-serif; background-image:url('../gfx/body_back.jpg'); background-repeat:repeat-x; }

img				{ border:0px; }
p				{ margin:0 10px 10px;}

a				{ text-decoration:none; padding:0px; margin:0px; color:#000; }
a:hover			{ text-decoration:underline; color:#333; }

h1				{ padding:0px; margin:0px; color:#304713; font-size:12px; }

#header h1 a, #header h2 a 				{ color:#c0c0c0; text-decoration:none; }
#header h1 a:hover, #header h2 a:hover 	{ color:#c0c0c0; text-decoration:none; }

a.menulink 		{ padding:0 0 0 5px; margin:0px; color:#000; }

a.kategorielink, a.artikelnamelink, a.versand, a.warenkorblink, a.verfuegbarlink, a.verfuegbarlink_img { padding:0 0 0 0; margin:0px; color:#000000; }
a.verfuegbarlink_img	{ margin-right:11px; }
a.verfuegbarlink		{ padding-left:0px; }
a.artikelnamelink 		{ padding:0px; padding-left:7px; margin:0px; color:#1c75f0; font-weight: bold; }
a.agblink 				{ color:#ee3322; font-weight: bold; }
a:hover.artikelnamelink { padding:0px; padding-left:7px; margin:0px; color:#c0c0c0; font-weight: bold; text-decoration:none; }
a.versand				{ padding:0px; font-size:1em; }
a.kopfnavi				{ font-size: 14px; font-weight: bold; padding:11px; padding-bottom:0px; margin:0px; color:#555555; }

a.powered:link		{color:#c0c0c0;text-decoration:none;font-size:10px;}
a.powered:visited	{color:#c0c0c0;text-decoration:none;;font-size:10px}
a.powered:hover		{color:#fff;text-decoration:underline;font-size:10px}

a.linkklein:link	{color:#000000;text-decoration:none;font-size: 10px;}
a.linkklein:visited	{color:#000000;text-decoration:none;font-size: 10px;}
a.linkklein:hover	{color:#168ef3;text-decoration:underline;font-size: 10px;}

a.link:link			{color:#000000;text-decoration:none;font-size: 12px;}
a.link:visited		{color:#000000;text-decoration:none;font-size: 12px;}
a.link:hover		{color:#168ef3;text-decoration:underline;font-size: 12px;}

a.linko:link		{color:#0f428e;text-decoration:none;font-size: 12px; font-weight:bold; }
a.linko:visited		{color:#0f428e;text-decoration:none;font-size: 12px; font-weight:bold; }
a.linko:hover		{color:#c0c0c0;text-decoration:underline;font-size: 12px;}

a.fusslink, a.powered	{ color:#c0c0c0; }
a.fusslink:hover	{color:#c0c0c0;text-decoration:underline;}

p.boxcontent 		{ width:190px; }
.warenkorb 			{ }
p.warenkorb 		{ color:#000; text-decoration:none; padding:0 0 0 0; }
p.warenkorb a		{ color:#000; font-size:13px; font-weight:bold; text-decoration:none; }
p.warenkorb a:hover	{ color:#333; font-size:13px; font-weight:bold; text-decoration:underline; }

p.variationshinweis, p.navi 	{ font-size:0.8em; text-align:left; }
p.box_login, p.content, p.head	{ margin:0px; margin-top:5px; }
p.head, span.head				{ font-weight:bold; }

span.boxpreis			{ padding:0px; margin:0px; color:#121212; }
span.xselling_standard	{ padding:0px; margin:0px; color:#121212; font-size:1.7em; }
span.kopf_waehlen		{ color:#333; padding:0px 0px 0px 0px; }

hr.linie		{ height:1px; color:#D5D5D7; }
.ustklein		{ font-size:0.8em; margin:0px; padding:0px; }
.footerklein	{ font-size:0.8em; margin:0px; padding:0px; color:#666; }
.spacer			{ font-size:8px; margin:0px; padding:0px; }
.waehrung		{ font-size:12px; margin:0px; padding:0px; padding-top:12px; }

.seitenzahl				{ font-size:1em; margin:0px; padding:0px; padding-top:12px; }
a.seitenzahl:link		{ color:#000; text-decoration:none; }
a.seitenzahl:visited	{ color:#000; text-decoration:none; }
a.seitenzahl:hover		{ color:#F35F16; text-decoration:underline; }

.grafikpreis			{ white-space:nowrap; }
.warning				{ color:#F25510; font-weight:bold; margin:0px; padding:0px; margin-top:12px; }

td.kategorie			{ background:#fff; font-size:12px; list-style-type:none; margin: 0; padding: 0; border-top: 1px dotted #c0c0c0; }
td.kategoriesub			{ background:#fff; font-size:12px; }
td.kategorieselected	{ background:#e8e7e7; border-width:0px; font-size:12px; }

td.staffelpreis			{ font-size:0.9em; color:#121212; }
td.artikelliste										{ padding:5px; margin:0px; padding-top:15px; background:#F8F8F9; }
td.artikelliste_ub 									{ width:687px; height:19px; padding:4px 0 0 10px; overflow:hidden; background-image:url(../gfx/head_banner_bg.jpg); background-repeat:repeat-x; font-size:11px; font-weight:bold; margin:10px 0 10px 0; border:1px solid #bcbcbc; }

textarea.frage					{ width:280px; border:1px solid #D4D5D8; margin:0px; padding:2px; background:#fff; }
input.frage_email, input.login	{ width:280px; border:1px solid #D4D5D8; margin:0px; padding:2px; background:#fff; }
input.suche 					{ width:140px; border:1px solid #aab3ba; padding:2px; background:#fff; float:left; }

input.login_email, input.login_passwort, input.suche_verfeinern, input.schnellkaufEAN	{ width:140px; margin:0px; padding:1px; background:#fff; height:13px; font-size:10px; }
input.anzahl, input.gehzuseite 	{ width:40px; margin:0px; padding:1px; background:#fff; }
input.login_passwort			{ width:80px; margin:0px; padding:1px; background:#fff; }
input.gehzuseite				{ width:30px; }
input:active, input:focus, input:hover 	{ background-color:#e2f4d4; }
hr.katartikel					{ border:0px dotted #D4D5D8; }

#outter				{ width:1000px; }
#header				{ width:1000px; height:199px; float:left; background-image:url('../gfx/header.png');  }

#container 			{ width:1000px; float:left; background-image:url('../gfx/main_bg.png'); background-repeat:repeat-y; clear:both; overflow:hidden; }
	#left_container		{ width:200px; padding:0 0 0 10px; float:left; overflow:hidden; }
	#content			{ width:620px; padding:0 0 0 0; float:left; overflow:hidden; text-align:left; }
	#right_container	{ width:140px; padding:0 20px 0 10px; float:left; overflow:hidden; text-align:left; }
#footer 			{ width:1000px; height: 64px; padding:40px 0 0 0; float:left; background-image:url('../gfx/footer.png'); clear:both; color:#c0c0c0; font-size:10px; }

a.footer, a.footer:visited, a.footer:active { color:#c0c0c0; text-decoration:none; cursor:pointer; }
a.footer:hover 								{ color:#fff; }

#email_field		{ width:640px; height: 41px; padding:0 0 0 338px; float:left; background-image:url('../gfx/banner_sub.jpg'); clear:both; }

#header h1			{ text-decoration:none; color:#c58915; font-size:42px; padding:10px 0 0 0; margin:0; }
#header h2			{ text-decoration:none; color:#c58915; font-size:18px; padding:0; margin:0; }

#mainMenu							{ width:1000px; height: 68px; float:left; background-image:url('../gfx/navi_bg.png'); clear:both; }
	#navi_l							{ width: 480px; height: 24px; float:left; padding:7px 0 0 20px; text-align:left; overflow:hidden; color:#2e82f7; }
		a.main_menu:link				{ color:#fff;text-decoration:none;font-size: 1em;}
		a.main_menu:visited		        { color:#fff;text-decoration:none;font-size: 1em;}
		a.main_menu:hover		        { color:#c0c0c0;text-decoration:underline;font-size: 1em;}
	#navi_r							{ width: 500px; height: 31px; float:left; text-align:left; overflow:hidden; }
		.emailfield					{ width: 54px; height: 31px; margin-left:10px; float:left; background-image:url('../gfx/email_field.png'); }
		.pwfield					{ width: 73px; height: 31px; float:left; background-image:url('../gfx/pw_field.png'); }
		.lostpw						{ width: 24px; height: 31px; margin-left:10px; float:left; background-image:url('../gfx/lost_pw.png'); }
		.box_login 					{ height: 15px; padding:10px 5px 5px 5px; float:left; }
		.box_login_bold				{ height: 15px; padding:10px 5px 5px 5px; float:left; font-weight:bold; color:#ff0080; }
		.box_input					{ height: 20px; padding:5px; float:left; }
		.box_login_but				{ height: 20px; padding:5px 5px 5px 5px; float:left; }
		.box_login_pw				{ height: 20px; padding:5px 5px 5px 5px; float:left; }
	#subMenu						{ width: 980px; height:  31px; padding:6px 0 0 20px; float:left; clear:both; font-size:14px; font-weight:bold; text-align:left; color:#266dcf; }

#searchbox						{ width:190px; height:100px; float:left; background-image:url('../gfx/searchbox.jpg'); }

.trenner 					{ vertical-align:middle; height:23px; padding:0; width:2px;  }
* html .trenner 			{ /* IE6 Fix */ height:23px; padding:0; }
*:first-child+html .trenner { /* IE7 Fix */ height:23px; padding:2px 0 0 0;  }

#logo			{ background-image:url(../gfx/boxlogo-b.png); height:99px; }
#topnavi		{ background-image:url(../gfx/boxorange_940.png); background-repeat:no-repeat; background-position:top left; background-color:#fff; height:36px; }
#topnavi_button	{ float:left; height:36px; background-image:url(../gfx/boxorange_trenner.png); background-repeat:no-repeat; background-position:top right; }
#topnavi_rechts	{ float:right; height:36px; width:80px; }
#topnavi_button { font-size:14px; font-weight:bold; padding:11px; padding-bottom:0px; margin:0px; color:#555555; }

input.button, input.warenkorb, input.finden, input.loginbox { background-image:url(../gfx/button-hg.png); border:1px solid #17710d; color: #fff; cursor:pointer; font-size:12px; font-weight:bold; height:19px; padding:0 5px 5px 5px; }
* html input.warenkorb										{ width:130px; }
*:first-child+html input.warenkorb							{ width:130px; }

#brotnavi			{ border-bottom:dashed 1px #666; height:25px; margin-top:1px; }
#brotnavi .navi		{ font-size:12px; padding:6px; padding-left:11px; margin:0px; color:#333; }
#brotnavi a			{ text-decoration:none; color:#666; }
#brotnavi a:hover	{ text-decoration:none; color:#444; }

.subbox 				{ width:190px; float:left; margin-bottom:5px; }
.subbox_header_hell 	{ width:170px; height: 27px; padding:9px 0 0 20px; float:left; background-image:url(../gfx/menutop.jpg); text-align:left; }
.subbox_content			{ width:188px; padding:0 0px; margin:2px 0; float:left; background-color:#f3f3f3; border:1px solid #d0cfcf; text-align:left; }
.subbox_bottom_hell		{ width:186px; height: 14px; float:left; background-image:url(../gfx/boxbottom.jpg); }
.boxheader				{ font-size: 13px; font-weight: bold; color: #c0c0c0; }
.subbox_content_linkBox { padding:5px; text-align:left; }


#content_head 								{ width:606px; height:19px; padding:4px 0 0 10px; overflow:hidden; background-image:url(../gfx/head_banner_bg.jpg); background-repeat:repeat-x;  font-size:11px; font-weight:bold; margin:10px 0 10px 0; border:1px solid #bcbcbc; }
#content_head_bestell 						{ padding-top:3px; padding-left:6px; height:49px; color:#FEFFFF; margin-bottom:20px; }
#content_head_over							{ width:620px; height: 40px; float:left; clear:both; border-width:0px; border-bottom-width:1px; border-style:solid; border-color:#3F444E; }
	#content_head_links							{ float:left; border-width:0px; margin-top:12px; }
	#content_head_rechts						{ float:right; border-width:0px; margin-top:8px; }
#contentUntereGrenze						{ width:620px; height:27px; margin-top:10px; padding-top:10px; border-width:0px; border-top-width:1px; border-style:solid; border-color:#3F444E;        float:left; clear:both; }
	#contentUntereGrenze_rechts						{ float:right; border-width:0px; }
	#contentUntereGrenze_links						{ float:left; border-width:0px; }

.warenkorbSumme 			{ color:#333; padding:6px 0 6px 10px; }
.warenkorbSumme .standard 	{ color:#FF6600; font-weight:bold; padding-left:25px; }
.font_big 					{ color:#333; }

#subbox_header_hell_korb	{ background-image:url(../gfx/boxkorb-top.png); background-repeat:no-repeat; background-position:top left; text-align:left; font-size:13px; font-weight:bold; color:#FEFFFF; padding-left:5px; padding-top:7px; height:29px; }
#subbox_warenkorb			{ width:189px; margin:1px 0 0 1px; background-image:url(../gfx/warenkorb.png); background-repeat:no-repeat; background-position: top left; background-color:transparent; float:left; }
#subbox_warenkorb_leer		{ width:189px; margin:1px 0 0 1px; background-image:url(../gfx/warenkorb_leer.png); background-repeat:no-repeat; background-position: top left; background-color:transparent; float:left; text-align:left; }

#suche_verfeinern			{ border-width:0px; margin-top:12px; padding:0px; }

#sectionheader				{ background:#e9f4fe; border:1px solid #c0c0c0; padding:10px; margin-top:15px; font-weight: bold; }

.highslide 				{ cursor:pointer; outline:none; }
.highslide img 			{ border:0px solid gray; }
.highslide:hover img 	{ border:0px solid silver; }
.highslide-image 		{ border-bottom:1px solid white; }
.highslide-image-blur 	{ }
.highslide-caption 		{ display:none; border-bottom:1px solid white; font-family:Verdana, Helvetica; font-size:10pt; padding:5px; background-color:silver; }
.highslide-loading 		{ display:block; color:white; font-size:9px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:3px; border-top:1px solid white; border-bottom:1px solid white; background-color:black; /* padding-left:22px; background-image:url(highslide/graphics/loader.gif); background-repeat:no-repeat; background-position:3px 1px; */ }
a.highslide-credits, a.highslide-credits i 				{ padding:2px; color:silver; text-decoration:none; font-size:10px; }
a.highslide-credits:hover,a.highslide-credits:hover i 	{ color:white; background-color:gray; }
.highslide-display-block 	{ display:block; }
.highslide-display-none 	{ display:none; }
.highslide-html 			{ background-color:#f2f2f4; }
.highslide-html-blur 		{ }
.highslide-html-content 	{ position:absolute; display:none; }
.highslide-loading 			{ display:block; color:black; font-size:8pt; font-family:sans-serif; font-weight:bold; text-decoration:none; padding:2px; border:1px solid black; background-color:white; padding-left:22px; background-image:url(../js/highslide/graphics/loader.white.gif); background-repeat:no-repeat; background-position:3px 1px; }
a.highslide-credits,a.highslide-credits i 				{ padding:2px; color:silver; text-decoration:none; font-size:10px; }
a.highslide-credits:hover, a.highslide-credits:hover i 	{ color:white; background-color:gray; }

/* Styles for the popup */
.highslide-wrapper 							{ background-color:#f2f2f4; }
.highslide-wrapper .highslide-html-content 	{ width:460px; padding:5px; }
.highslide-wrapper .highslide-header div 	{ }
.highslide-wrapper .highslide-header ul 	{ margin:0; text-align:right; border-bottom:1px solid white; font-family:Verdana, Helvetica; font-size:10pt; padding:5px; background-color: silver; }
.highslide-wrapper .highslide-header ul li 				{ display:inline; padding-left:1em; }
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next { display:none; }
.highslide-wrapper .highslide-header a 					{ font-weight:bold; color:#000; text-transform:uppercase; text-decoration:none; }
.highslide-wrapper .highslide-header a:hover 			{ color: black; }
.highslide-wrapper .highslide-header .highslide-move a 	{ cursor:move; }
.highslide-wrapper .highslide-footer 					{ height:11px; }
.highslide-wrapper .highslide-footer .highslide-resize 	{ float:right; height:11px; width:11px; background:url(../js/highslide/graphics/resize.gif); }
.highslide-wrapper .highslide-body 						{ }
.highslide-move 										{ cursor:move; }
.highslide-resize 										{ cursor:nw-resize; }
/* These must be the last of the Highslide rules */
.highslide-display-block 								{ display:block; }
.highslide-display-none 								{ display:none; }

#search 				{ margin:0; padding:0px 0px 0pt 0px; text-align: left; }
input.searchButton 		{ width:22px; height: 22px; background:url(../gfx/search.png) no-repeat; border:none; cursor:pointer; float:left; }

.contentStart 			{ background:#fff; width:33%; }

#bestellSumme 				{ background:#FFF4D4; border:1px solid #ff6600; border-collapse:collapse; color:#333; margin:10px 0; width:100%; }

#artPrev, #artNext 					{ padding-top:10px;}
#artPrev img, #artNext img 			{ vertical-align:middle; }
#artPrev a, #artNext a 				{ color:#121212; font-weight:bold; text-decoration:none; }
#artPrev a:hover, #artNext a:hover 	{ color:#121212; font-weight:bold; text-decoration:none; }

/*  styles for the unit rater
---------------------------------------------------------
ryan masuga, masugadesign.com
ryan@masugadesign.com
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */
.ratingblock 		{ display:block; /*border-bottom:1px solid #999;*/ padding-bottom:8px; margin-top:10px; margin-bottom:10px; }
.loading 			{ height:30px; background:url('../gfx/starrater/working.gif') 50% 50% no-repeat; }
.unit-rating 		{ /* the UL */ list-style:none; margin:0px; padding:0px; height:30px; position:relative; background: url('../gfx/starrater/starrating_big_yellow.png') top left repeat-x; }
.unit-rating li			{ text-indent:-90000px; padding:0px; margin:0px; /*\*/ float:left; /* */ }
.unit-rating li a 		{ outline:none; display:block; width:30px; height:30px; text-decoration:none; text-indent:-9000px; z-index:20; position:absolute; padding:0px; }
.unit-rating li a:hover	{ background:url('../gfx/starrater/starrating_big_yellow.png') left center; z-index:2; left:0px; }

.unit-rating a.r1-unit			{ left: 0px; }
.unit-rating a.r1-unit:hover	{ width:30px; }
.unit-rating a.r2-unit			{ left:30px; }
.unit-rating a.r2-unit:hover	{ width:60px; }
.unit-rating a.r3-unit			{ left:60px; }
.unit-rating a.r3-unit:hover	{ width:90px; }
.unit-rating a.r4-unit			{ left:90px; }
.unit-rating a.r4-unit:hover	{ width:120px; }
.unit-rating a.r5-unit			{ left:120px; }
.unit-rating a.r5-unit:hover	{ width:150px; }
.unit-rating a.r6-unit			{ left:150px; }
.unit-rating a.r6-unit:hover	{ width:180px; }
.unit-rating a.r7-unit			{ left:180px; }
.unit-rating a.r7-unit:hover	{ width:210px; }
.unit-rating a.r8-unit			{ left:210px; }
.unit-rating a.r8-unit:hover	{ width:240px; }
.unit-rating a.r9-unit			{ left:240px; }
.unit-rating a.r9-unit:hover	{ width:270px; }
.unit-rating a.r10-unit			{ left:270px; }
.unit-rating a.r10-unit:hover	{ width:300px; }

.unit-rating li.current-rating 	{ background:url('../gfx/starrater/starrating_big_yellow.png') left bottom; position:absolute; height:30px; display:block; text-indent:-9000px; z-index: 1; }

.voted 	{ color:#999; }
.thanks { color:#36AA3D; }
.static { color:#5D3126; }

/* ADDED BY SACHA LEHMANN FOR PRODUCTS 3 FLOATING */

.productover			{ width: 31%; float:left; overflow:hidden; margin:30px 0 0 7px; border:1px solid #E0E0E0; min-height:430px; }
.productnaming			{ width:100%; float:left; padding:5px; background-color:#e8e7e7; }
.productinner			{ width:100%; float:left; }
.articlenrover			{ width:100%; padding:5px; float:left; }
.articleimg				{ width:100%; padding:5px; float:left; clear:both; text-align:center; }
.articleshort			{ width:100%; padding:5px 5px 10px 5px; float:left; clear:both; font-size:11px; color:#1673c2; font-style:italic; }
.articleample			{ width:100%; padding:5px; float:left; clear:both; }
.innerover				{ width:100%; padding:2px; float:left; clear:both; }
.leftample				{ padding:2px; float:left; text-align:left; }
.rightample				{ padding:4px 2px 2px 12px; float:left; text-align:right; }
.innerprice				{ width:100%; padding:5px; float:left; clear:both; font-size:14px; font-weight:bold; text-align:center; color:#aa0707; }
.articlebasket			{ width:100%; padding:10px 5px 5px 5px; float:left; clear:both; }
.basketleft				{ width: 40%; float:left; }
.basketright			{ width: 60%; float:left; }

/* ADDED BY SACHA LEHMANN FOR ARTICLE VIEWS */

#articlepic				{ width:598px; padding:10px; margin-top:20px; float:left; border:1px solid #c0c0c0; text-align:center; }
#over1					{ width:610px; padding:5px; margin-top:10px; float:left; clear:both; background-color:#f9f9f9; }
	#articlepricing			{ width:50%; float:left;}
	#articleamp				{ width:50%; float:left; text-align:right; }
#articlemore			{ width:610px; padding:5px; float:left; clear:both; }
#over2					{ width:610px; padding:5px; margin-top:10px; float:left; clear:both; background-color:#f9f9f9; }
	.variantover			{ width:598px; padding:5px; float:left; margin-bottom:5px; border:1px dotted #c0c0c0; clear:both; overflow:hidden; }
	.variantname			{ width:60%; float:left; color:#7e1813; font-weight:bold; }
	.variantchoice			{ width:40%; float:left; }
	#articlebasket			{ width:100%; margin-top:10px; float:left; clear:both; text-align:right; }
#articlerating			{ width:610px; padding:5px; margin-top:10px; float:left; clear:both; background-color:#fff; }	
#over3					{ width:620px; clear:both; float:left; margin-top:10px; }
.artikelpreis			{ float:left; font-size:20px; padding:5px 0 0 ; font-weight:bold; color:#aa0707; }
.artikelpreis1			{ float:left; font-size:20px; padding:13px 0 0 15px; font-weight:bold; color:#aa0707; }
.artikelpreis2			{ float:left; font-size:20px; padding-top:4px; padding-left:3px; font-weight:bold; color:#aa0707; }
.warenkorb2				{ float:right; padding-top:19px; width:50%; }

/* PICS RIGHT */

#pic_gutschein				{ width:140px; height:196px; margin-bottom:15px; float:left; clear:both; background-image:url('../gfx/pics_right/gutschein.jpg'); }
#pic_montage				{ width:140px; height:196px; margin-bottom:15px; float:left; clear:both; background-image:url('../gfx/pics_right/montage.jpg'); }
#pic_dhl					{ width:140px; height: 74px; margin-bottom:15px; float:left; clear:both; background-image:url('../gfx/pics_right/dhl.jpg'); }
#pic_paypal					{ width:140px; height: 74px; margin-bottom:15px; float:left; clear:both; background-image:url('../gfx/pics_right/paypal.jpg'); }