/* *************************************** */
/* Main Styles für Home und Contentseiten  */
/* *************************************** */
body {
	margin:0px; 
	padding:0px;
	background-color:#000000;
	text-align:center; /* Zentrierung im Internet Explorer */ }

.divMain {
	width:881px;
	position:relative;
	text-align:left;
	margin:0 auto; }

.divBanner {
	position:absolute;
	z-index:1;
	top:0px;
	left:761px;
	width:120px; }

img 	{ border:0; } /* Kein Rahmen um Bilder */
a		{ outline:none; } /* Kein Rahmen im Firefox bei Klicks */

a.linkBorder, .linkBorder {
	display:block;
	border:1px solid #C7C8D4; }

.floatL	{ float:left; }
.floatR	{ float:right; }
.clearB	{ clear:both; }

.dimensionZero 		{ line-height:0; font-size:0; }

/* Hintergrundfarbe für Contentgrafiken und den Bildbereich in Popups */
.colourGfx			{ background-color:#EDEDED; }

/* Breite Inhalt ohne Skyscraper */
.widthMain			{ width:751px; }
/* Breite des Inhalts auf Contentseiten mit Menü links */
.widthContentAll	{ width:731px; }
/* Breite des Inhalts auf Contentseiten ohne Menü links */
.widthContent		{ width:564px; }

/* Content Bereich mit weisser Hintergrundfarbe und Mindesthöhe, damit dieser so hoch wie Skyscraper ist */
.areaContent {
	min-height:483px;
	background-color:#FFFFFF; }
* html .areaContent	{
	height:483px;
	overflow:visible; }

/* Logo Header */
div#logo {
	padding:20px 0 0 15px; }
/* Sprachwechsel */
div#languages {
	padding:10px 5px 0 0; }
div#languages p.langEntry {
	padding-right:5px; }
div#languages a, div#languages span {
	display:block;
	width:21px;
	height:14px;
	background-repeat:no-repeat; }
div#languages a:hover, div#languages span {
	background-position:100% 0; }

/* Content Header und Content ohne SubMenu */
div#contentHeader, div.padContentNoSubMenu {
	padding:0 10px; }
div.blockNavTrail {
	padding:5px 0; }


/* ----------------------------- */
/* Styles für Haupt- und Submenü */
/* ----------------------------- */
/* MainMenu */
a.mainMenu {
	display:block;
	height:20px;
	border-right:2px solid #333333;
	background-repeat:no-repeat; }
/* Für IE 5 - 6, da Breitenangabe border nicht miteinschliesst */
span.mainMenuSpacer {
	display:none;
	width:2px;
	height:20px;
	background-color:#333333 }
* html a.mainMenu {
	border:0; }
* html span.mainMenuSpacer {
	display:block; }

/* SubMenu */
.areaSubMenu {
	width:157px;
	overflow:hidden; } /* Bei Schriftvergrößerung Breite nicht ausdehnen bei Submenu */
a.subMenu {
	display:block;
	width:157px;
	height:20px;
	background-repeat:no-repeat; }

a.mainMenu:hover, a.menuActive, a.subMenu:hover {
	background-position:100% 0; }

/* SubSubMenu */
.subSubMenu a, .subSubMenu a:link, .subSubMenu a:visited, .subSubMenu a:hover {
	display:block;
	width:140px;
	height:16px;
	padding-left:17px;
	text-decoration:none;
	line-height:16px;
	font-size:10px;
	font-weight:bold;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background-repeat:no-repeat;
	background-position:0 4px; }
* html .subSubMenu a, * html .subSubMenu a:link, * html .subSubMenu a:visited, * html .subSubMenu a:hover {
	width:157px;  w\idth:140px; }

a.subSubBlack			{ color:#000000; background-image:url(../_pics/arrow_submenu_1.gif); }
a:link.subSubBlack		{ color:#000000; background-image:url(../_pics/arrow_submenu_1.gif); }
a:visited.subSubBlack	{ color:#000000; background-image:url(../_pics/arrow_submenu_1.gif); }
a:hover.subSubBlack		{ color:#FFFFFF; background-image:url(../_pics/arrow_submenu_0.gif); }

a.subSubWhite			{ color:#FFFFFF; background-image:url(../_pics/arrow_submenu_0.gif); }
a:link.subSubWhite		{ color:#FFFFFF; background-image:url(../_pics/arrow_submenu_0.gif); }
a:visited.subSubWhite	{ color:#FFFFFF; background-image:url(../_pics/arrow_submenu_0.gif); }
a:hover.subSubWhite		{ color:#000000; background-image:url(../_pics/arrow_submenu_1.gif); }

a.subSubActive			{ color:#FFFFFF; background-image:url(../_pics/arrow_submenu_0.gif); }
a:link.subSubActive		{ color:#FFFFFF; background-image:url(../_pics/arrow_submenu_0.gif); }
a:visited.subSubActive	{ color:#FFFFFF; background-image:url(../_pics/arrow_submenu_0.gif); }
a:hover.subSubActive	{ color:#FFFFFF; background-image:url(../_pics/arrow_submenu_0.gif); }


/* --------------------------------------------- */
/* Styles für Path-Menu (Farben in specific.css) */
/* --------------------------------------------- */
a.dirPathLink			{ font-size:10px; text-decoration:underline; font-weight:normal; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:link.dirPathLink		{ font-size:10px; text-decoration:underline; font-weight:normal; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:visited.dirPathLink	{ font-size:10px; text-decoration:underline; font-weight:normal; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:hover.dirPathLink		{ font-size:10px; text-decoration:underline; font-weight:normal; font-family:Verdana,Arial,Helvetica,sans-serif; }

/* --------------------------------------------- */
/* Link Buttons */
/* --------------------------------------------- */
.linkArrowContent, .linkArrowWhite, .smallLinkArrowWhite {
	display:block;
	padding-left:11px;
	text-decoration:none; }
.linkArrowContent {
	font-weight:bold;
	background:url(../_pics/arrow_content.gif) no-repeat 0 2px; }
.linkArrowWhite {
	background:url(../_pics/arrow_link_s_w.gif) no-repeat; }
.smallLinkArrowWhite {
	background:url(../_pics/arrow_link_s_w.gif) no-repeat; }
.linkBack {
	display:block;
	height:21px;
	line-height:20px;
	padding-left:21px;
	background:url(../_pics/button_backward.gif) no-repeat 0 2px; }
.linkForward {
	display:block;
	height:21px;
	line-height:20px;
	padding-right:21px;
	background:url(../_pics/button_forward.gif) no-repeat 100% 2px; }
.linkForwardSmall {
	display:block;
	font-size:11px;
	height:18px;
	line-height:17px;
	padding-right:19px;
	background-image:url(../_pics/button_forward_s.gif);
	background-repeat:no-repeat;
	background-position:100% 2px; }
/* Für dunkle BGs */
.linkForwardSmall.darkBG {
	background-image:url(../_pics/button_forward_s_dark.gif); }
/* Für schwarze BGs */
.linkForwardSmall.blackBG {
	background-image:url(../_pics/button_forward_s_black.gif); }
/* Navigation in Popups (z.B. für Galerie, um Bilder im Popup durchklicken zu können) */
.popupNavigator {
	display:block;
	height:15px; }
.popupNavigator, a.popupNavigator, a.popupNavigator:link, a.popupNavigator:visited, a.popupNavigator:hover {
	font-size:10px;
	line-height:13px; }
span.popupNavigator { /* Wenn Link inaktiv */
	color:#C7C8D4; }
.popupNavigator.backward {
	padding-left:9px;
	background:url(../_pics/popup_nav_l.gif) no-repeat; }
span.popupNavigator.backward {
	background:url(../_pics/popup_nav_l_low.gif) no-repeat; }
.popupNavigator.forward {
	padding-right:9px;
	background:url(../_pics/popup_nav_r.gif) no-repeat 100% 0; }
span.popupNavigator.forward {
	background:url(../_pics/popup_nav_r_low.gif) no-repeat 100% 0; }

/* --------------------------------------------------------- */
/* Blocks (legen Abstände zum Rand des Contentbereichs fest) */
/* --------------------------------------------------------- */
.blockHeadBar			{ margin-left:10px; }
.blockNavBar			{ margin-left:10px; }

/* Normaler Inhaltsblock */
.blockNormal			{ margin:11px; margin-bottom:18px; }
/* Normaler Inhaltsblock mit 0 Abstand nach oben */
.blockNorTop0			{ margin:11px; margin-top:0px; margin-bottom:18px; }
/* Normaler Inhaltsblock mit 0 Abstand nach unten */
.blockNorBot0			{ margin:11px; margin-bottom:0px; }
/* Normaler Inhaltsblock mit 0 Abstand nach unten und unten */
.blockNorTopBot0		{ margin:11px; margin-top:0px; margin-bottom:0px; }

/* Block für farbige Subheadline (unter Bars) */
.blockSubHead			{ margin-left:10px; margin-top:5px; }
/* Inhaltsblock bei Verwendung einer SubHeadline mit weniger Abstand nach oben */
.blockSubHeadCon		{ margin:11px; margin-top:3px; margin-bottom:18px; }
/* Wie oben und 0 Abstand nach unten */
.blockSubHeadConBot0	{ margin:11px; margin-top:3px; margin-bottom:0px; }

/* Inhaltsblöcke bei mehrspaltiger Tabelle mit nur einer Reihe (damit Abstand zwischen benachbarten Spalten 10px) */
.blockColLeft			{ margin:11px; margin-right:5px; margin-bottom:18px; }
.blockColMiddle			{ margin:5px; margin-top:11px; margin-bottom:18px; }
.blockColRight			{ margin:11px; margin-left:5px; margin-bottom:18px; }

/* Inhaltsblöcke 2spaltige Tabelle mit mehreren Reihen (damit Abstände nur in erster und letzter Reihe wie bei .blockNormal) */
/* Dienen als Spacer am Anfang und am Ende einer 2 spaltigen Tabelle */
.block2ColHead			{ margin-top:11px; }
.block2ColHeadSubHead	{ margin-top:3px; }
.block2ColFoot			{ margin-top:18px; }
/* Linke und rechte Spalte ohne Abstand nach oben und unten (dafür dienen Spacer .block2ColHead und .block2ColFoot) */
.block2ColLeft			{ margin-left:11px; margin-right:5px; }
.block2ColRight			{ margin-left:5px; margin-right:11px; }

/* Kleine grafische Box mit Text */
.blockBoxSmall			{ margin:6px; margin-top:3px; overflow:hidden; }
/* Link unter kleiner grafischer Box (weniger Abstand nach oben) */
.blockBoxSmallFoot		{ margin:6px; margin-top:0px; overflow:hidden; }
/* Mittlere grafische Box mit Text (z.B. auf Seite für Stainless) */
.blockBoxMedium			{ margin:9px; margin-top:6px; margin-bottom:13px; overflow:hidden; }
.blockBoxMediumFoot		{ margin:9px; margin-top:0px; margin-bottom:13px; overflow:hidden; }
/* Große Box (meist farbig) mit Headtext (gleicher Abstand oben und unten) */
.blockBoxLargeHead		{ margin:9px 9px 11px; overflow:hidden; }


/* Navigations-/Menüleiste auf Contentseiten (DirPathMenu) */
.blockDirMenuLeft	{ margin:9px; margin-left:11px; margin-right:5px; }
.blockDirMenuRight	{ margin:9px; margin-left:5px; margin-right:11px; }

/* Warenkorb Preview */
.blockShopCartHead	{ margin:6px; overflow:hidden; }
.blockShopCartMid	{ margin:6px; margin-top:4px; margin-bottom:4px; overflow:hidden; }
.blockShopCartFoot	{ margin:6px; margin-top:0px; overflow:hidden; }

/* Für Fehlermeldungen */
.blockError			{ padding:15px; }


/* ------------------------------- */
/* SubBlocks innerhalb von Blocks  */
/* ------------------------------- */
/* Bei Textblöcken Zeilenabstand vergrößern und Block nach oben schieben, damit Ausrichtung gleich bleibt */
.subBlockPara	{ line-height:16px; 
				  padding:0px; 
				  margin:0px; 
				  margin-bottom:-1px; 
				  margin-top:-1px; }


/* --------------------------- */
/* Abstände zwischen Elementen */
/* --------------------------- */
/* grafische Überschriften */ 
.spaceGfxHeads	{ margin-top:15px; margin-bottom:10px; }

/* Zwischen Inhaltsblöcken auf Contentseiten */ 
.spaceBlocks	{ margin-top:10px; }
.spaceBlocksBig	{ margin-top:20px; }
/* Zwischen Bild und darauffolgender Box */ 
.spacePicBlock	{ margin-bottom:2px; }
/* Zwischen Zusatz-/Infopunkten rechts auf Produktseiten */
.spaceInfoRight	{ margin-bottom:8px; }
/* Zwischen Infopunkten unten auf Produktseiten (Links zu Store) */
.spaceInfoBot	{ margin-bottom:3px; }

/* Text zu Text bei Listings (29px von Grundlinie zu Grundlinie) */
.spaceTT		{ margin-bottom:15px; }
/* Text zu kleiner Beschreibung bei Listings - Kleiner Abstand (21px von Grundlinie zu Grundlinie) */
.spaceTDes		{ margin-bottom:9px; }
/* Text zu kleiner Beschreibung bei Listings - Grosser Abstand (29px von Grundlinie zu Grundlinie) */
.spaceTDesBig	{ margin-bottom:17px; }
/* Beschreibung zu Elementen wie Bilder, Forms - Kleiner Abstand (7px von Grundlinie zu Beginn Elm) */
.spaceTElm		{ margin-bottom:5px; }
/* Beschreibung zu Elementen wie Bilder, Forms - Grosser Abstand (14px von Grundlinie zu Beginn Elm) */
.spaceTElmBig	{ margin-bottom:12px; }
/* Beschreibung zu Text bei Listings - Kleiner Abstand (16px von Grundlinie zu Grundlinie) */
.spaceDesT		{ margin-bottom:2px; }
/* Beschreibung zu Text bei Listings - Grosser Abstand (21px von Grundlinie zu Grundlinie) */
.spaceDesTBig	{ margin-bottom:7px; }
/* Beschreibung zu Elementen (7px von Grundlinie zu Beginn Elm) */
.spaceDesElm	{ margin-bottom:5px; }
/* Beschreibung zu Form-Elementen (7px von Grundlinie zu Beginn Form im IE sonst sind es 6 px) */
.spaceDesForm	{ margin-bottom:4px; }
/* Beschreibung unter Elementen zu nächstem Element (10px von Grundlinie zu Beginn Elm) 
.spaceDesBotElm	{ margin-bottom:8px; } */
/* Element zu Element */
.spaceElmElm	{ margin-bottom:10px; }
/* Element zu Text */
.spaceElmT		{ margin-bottom:7px; }
/* Element zu nächster kleiner Beschreibung */
.spaceElmDes	{ margin-bottom:6px; }
/* Element zu Ende eines Blocks (damit Ende eines Elements gleich wie Grundlinie der Schrift endet) */
.spaceElmEnd	{ margin-bottom:2px; }
/* Element zu Buttons bei Formularen */
.spaceElmBut	{ margin-bottom:15px; }
/* Checkbox nach oben und unten zu Elementen */
.spaceCheck		{ margin-top:5px; margin-bottom:6px; }

/* Abstandshalter zwischen (Tabellen-)Spalten */
.spaceCol		{ width:10px; }
/* Abstandshalter zwischen (Tabellen-)Spalten Element zu Text */
.spaceColElmT	{ width:11px; }

/* Ende Content bis Abschlussleiste (grauer Bereich) */
.spaceFinish	{ margin-top:16px; }


/* ------------------------------- */
/* Modul "New GamersWear Products" */
/* ------------------------------- */
/* Page Links (1, 2, 3) New Products */
a.pageSpecial			{ font-size:10px; color:#797549; text-decoration:underline; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:link.pageSpecial		{ font-size:10px; color:#797549; text-decoration:underline; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:visited.pageSpecial	{ font-size:10px; color:#797549; text-decoration:underline; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }
a:hover.pageSpecial		{ font-size:10px; color:#2DE700; text-decoration:underline; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; }

a.entryNewProducts {
	display:block;
	width:122px;
	outline:none; /* Kein Rahmen im Firefox bei Klicks */ }
a.entryNewProducts span {
	display:block; }
a.entryNewProducts span.productImage {
	width:120px;
	height:100px;
	background-position:center;
	background-repeat:no-repeat;
	border-width:1px;
	border-style:solid;
	border-color:#797549; }
* html a.entryNewProducts span.productImage {
	width:122px; w\idth:120px;
	height:102px; he\ight:100px; }
a.entryNewProducts span.productName {
	padding-top:2px;
	font-size:10px;
	text-align:center;
	text-decoration:underline; }
a.entryNewProducts span.productName, a.entryNewProducts:visited span.productName {
	color:#797549; }

a.entryNewProducts:hover span.productImage {
	border-color:#2DE700; }
a.entryNewProducts:hover span.productName {
	color:#2DE700; }


/* ------------------------------- */
/* Bilder Popup					   */
/* ------------------------------- */
#popupImage {
	display:block;
	width:600px;
	height:600px;
	background-position:center;
	background-repeat:no-repeat;
	border:1px solid #C7C8D4; }
* html #popupImage {
	width:602px; height:602px;
	w\idth:600px; he\ight:600px; }
.popupThumb {
	display:block;
	width:80px;
	height:80px;
	background-position:center;
	background-repeat:no-repeat;
	border:1px solid #C7C8D4; }
* html .popupThumb {
	width:82px; height:82px;
	w\idth:80px; he\ight:80px; }


/* ------------------------------- */
/* Seitennavigation unten		   */
/* ------------------------------- */
#pageNumbers {
	/*margin:12px 13px 0;*/
	padding:0 6px;
	line-height:18px; 
	background-color:#F0F1F7; }
#pageNumbers #topInfo {
	padding:3px 0; height:18px; overflow:visible; }
* html #pageNumbers #topInfo {
	height:26px; he\ight:18px; }
#pageNumbers #bottomPages {
	padding-bottom:3px; height:24px; overflow:visible; }
#pageNumbers #bottomPages #numbersDisplayed {
	font-size:12px; }
#pageNumbers .fontInfo {
	font-size:11px; }
#pageNumbers #inputPageNumber {
	font-size:11px;
	line-height:19px; }
#pageNumbers #inputPageNumber input {
	vertical-align:middle;
	margin-right:5px;
	width:25px; }
#pageNumbers .textPages {
	font-size:11px; line-height:19px; }
#pageNumbers .linkForward {
	margin-left:10px; }
#pageNumbers .linkBack {
	margin-right:10px; }
#pageNumbers #activePage {
	font-weight:bold;
	padding:1px 3px;
	border:1px solid #000; }
#pageNumbers input.inputPage {
	font-size:12px; }