body, html {
	margin:0;
	padding:0;
	height:101%; }
body {
	background:#A0A0A0 url(../img/body_bg.gif) repeat-x;
	text-align:center; }
body#popup {
	background-image:none;
	background-color:#FFF; }

body, table, form input, form textarea, form select {
	font-family:Arial, Helvetica, sans-serif; }
body, table {
	font-size:11px;
	line-height:16px; }

img {
	border:0; }
.block {
	display:block; }
.dimensionZero {
	font-size:0; line-height:0; }
.hidden {
	display:none; }

.floatL {
	float:left; }
.floatR {
	float:right; }
.clearB {
	clear:both; }
.clearBothHidden {
	clear:both; font-size:0; line-height:0; }

.alignRight {
	text-align:right; }

/*--------------------------------------------/
/ Linien / Hintergrundfarben
/--------------------------------------------*/
.dottedLine, .greyLine, .lightGreyLine {
	clear:both;
	font-size:0;
	line-height:0;
	height:1px;
	overflow:hidden; }
.dottedLine {
	background:url(../img/dotted_line.gif) repeat-x; }
.greyLine {
	background-color:#B4B4B4; }
.lightGreyLine {
	background-color:#E0E0E0; }

.lightGreyBG {
	background-color:#F4F4F4; }

/*--------------------------------------------/
/ Links
/--------------------------------------------*/
a, a:visited {
	color:#000;
	cursor:pointer;
	outline:none; }
a:hover {
	color:#B81429; }

.linkBorder {
	display:block;
	border:1px solid #B4B4B4; }
a.linkBorder:hover, a.linkBorderActive {
	border-color:#B81429; }

.textColor a, .textColor a:visited {
	color:#B81429; }
.textColor a:hover {
	color:#000; }

.textGrey a, .textGrey a:visited {
	color:#5E5E5E; }
.textGrey a:hover {
	color:#000; }

.textLightGrey a, .textLightGrey a:visited {
	color:#999; }
.textLightGrey a:hover {
	color:#5E5E5E; }

/* Links mit Icons */
.iconCommon  {
	padding-left:18px;
	background-repeat:no-repeat;
	background-position:0 0; }

/* Pfeile */
.forward {
	padding-left:14px;
	background:url(../img/links/forward.gif) no-repeat 0 3px; }
.forwardGrey {
	padding-left:14px;
	background:url(../img/links/forward_grey.gif) no-repeat 0 3px; }
.forwardLightGrey {
	padding-left:14px;
	background:url(../img/links/forward_light_grey.gif) no-repeat 0 3px; }
.backward {
	padding-left:14px;
	background:url(../img/links/backward.gif) no-repeat 0 3px; }

a.edit, a.editBlack {
	font-weight:bold;
	text-decoration:none;
	padding-left:10px;
	background-repeat:no-repeat;
	background-position:0 4px; }
a.edit {
	background-image:url(../img/links/edit.gif); }
a.editBlack {
	background-image:url(../img/links/edit_black.gif); }

/* Navigation durch Produkte (Popup für Produktgrafiken, das über Listen-/Gallerieansicht geöffnet wurde, und für Produktseite) */
.proNav {
	display:block;
	height:15px;
	font-size:11px;
	line-height:14px; }
span.proNav { /* Wenn Link inaktiv */
	color:#959595; }
.proNav.left {
	padding-left:9px;
	background:url(../img/links/pro_nav_left.gif) no-repeat; }
span.proNav.left {
	background:url(../img/links/pro_nav_left_low.gif) no-repeat; }
.proNav.right {
	padding-right:9px;
	background:url(../img/links/pro_nav_right.gif) no-repeat 100% 0; }
span.proNav.right {
	background:url(../img/links/pro_nav_right_low.gif) no-repeat 100% 0; }

/* Plus / Minus */
a.buttonMoreLess {
	display:block; width:15px; }

/*--------------------------------------------/
/ Schrift Formatierung
/--------------------------------------------*/
h1, h2, h3, h4, p {
	margin:0;
	padding:0; }
h1, h2, h3 {
	font-size:14px;
	line-height:18px;
	font-weight:bold; }
h1 {
	margin-bottom:4px; }

.fontXSmall {
	font-size:10px; line-height:15px; }
.fontSmall {
	font-size:11px; line-height:16px; }
.fontSmallNarrow  {
	font-size:11px; line-height:12px; }
.fontNormal {
	font-size:12px; line-height:17px; }
.fontLarge {
	font-size:14px; line-height:18px; }

.bold {
	font-weight:bold; }
.italic {
	font-style:italic; }

.textColor, h1 {
	color:#B81429; }
.textBlack {
	color:#000; }
.textGrey {
	color:#5E5E5E; }
.textLightGrey {
	color:#999; }

/* Generelle Formatierung Preise */
.blockPrice {
	font-weight:bold;
	text-align:right; }
.productOldPrice {
	font-size:90%;
	font-weight:normal;
	text-decoration:line-through; }
/* Für Sonderangebote, Rabatt und Kundengruppenpreis */
.productSpecialPrice, .productGroupPrice {
	color:#B81429; }

/*--------------------------------------------/
/ HTML Listen
/--------------------------------------------*/
ul, ol {
	margin:0;
	padding:0; }
/* Liste in Content und PopUps */
.contentList ul, .contentList ol {
	padding:0 0 0 16px;
	margin:0; }
.contentList li {
	padding:3px 0; }

/*--------------------------------------------/
/ Formular Elemente
/--------------------------------------------*/
form, form input, form textarea, form select {
	padding:0;
	margin:0; }

form input, form textarea, form select {
	font-size:11px;
	color:#000; }
form input {
	height:16px;
	padding-top:2px; }
* html form input {
	padding-top:0; }
form select {
	padding:1px 0;
	height:20px; }

form input, form textarea, form select {
	border:1px solid #B4B4B4; }

form .inputFocus {
	background-color:#EBEBEB; }
form .inputFocus:focus {
	background-color:#FFF; }

form textarea {
	overflow:auto; }
form textarea.widthContent {
	width:490px; }
* html form textarea.widthContent {
	width:492px; }

form .noBorder {
	border:0;
	height:auto;
	padding-top:0; }

form .mandatoryEntry {
	border-color:#717171; }

/*--------------------------------------------/
/ Einträge Formulare in Tabellen
/--------------------------------------------*/
table .leftEntry {
	padding-right:10px; }
table .rightEntry {
	padding:8px 0; }


/*----------------------------------------------------------------------------------------/
/ Hauptbereiche
/----------------------------------------------------------------------------------------*/
#page {
	width:971px;
	text-align:left;
	margin:0 auto;
	min-height:100%; }
* html div#page {
	height:100%;
	overflow:visible; }

#content {
	float:left;
	width:971px;
	background-color:#FFF; }

/* Hintergrundbild für #page und #content angeben. Sollten Banner rechts länger sein als #content wird dadurch ein bündiger Abschluss unten erreicht */
#page, #page #content {
	background-repeat:repeat-y;
	background-image:url(../img/page_bg.gif); }
#page.full, #page.full #content {
	background-image:url(../img/page_bg_full.gif); }

#banner {
	float:right; }
#banner div {
	padding-bottom:10px; }
#banner div.last {
	padding-bottom:20px; }

/*--------------------------------------------/
/ Header
/--------------------------------------------*/
#header {
	height:139px;
	position:relative;
	border-bottom:1px solid #B4B4B4;
	background:#FFF url(../img/header/header.jpg) no-repeat; }
* html #header {
	height:140px; }
#header #logo {
	position:absolute;
	display:block;
	top:42px;
	left:32px;
	width:177px;
	height:56px;
	background:url(../img/header/logo.gif) no-repeat; }

/*--------------------------------------------/
/ Contentbereich
/--------------------------------------------*/
#areaContent {
	float:left;
	padding:0 20px 30px; }
#areaContent, .widthContent {
	width:492px; }
* html #areaContent {
	width:532px;
	/*overflow:hidden;*/ }

.halfWidthContent {
	width:246px; } /* Halbe Contentbreite */

/* areaContent für breiten Inhaltsbereich ohne Navigationsleiste rechts redefinieren */
#page.full #areaContent, #page.full .widthContent {
	width:732px; }
* html #page.full #areaContent {
	width:772px; }

#page.full .halfWidthContent {
	width:366px; } /* Halbe Contentbreite */

#page.full form textarea.widthContent {
	width:730px; }
* html #page.full form textarea.widthContent {
	width:732px; }

#mainContent {
	padding-top:17px;
	min-height:425px; }
* html #mainContent {
	height:445px;
	overflow:visible; }

/*--------------------------------------------/
/ Spalten links und rechts
/--------------------------------------------*/
#columnLeft {
	width:198px;
	border-right:1px solid #E0E0E0; }
* html #columnLeft {
	width:199px; }

#columnRight {
	width:240px; }

#columnLeft, #columnRight {
	float:left;
	min-height:550px;
	background:#ECECEC url(../img/column_bg.gif) repeat-x; }
* html #columnLeft, * html #columnRight {
	height:550px;
	overflow:visible; }

/*--------------------------------------------/
/ Footer
/--------------------------------------------*/
#footer {
	clear:left;
	color:#999;
	font-size:11px;
	padding:30px 0 15px; }
#footer .line {
	border-top:1px solid #B4B4B4;
	padding-bottom:4px; }
#footer a, #footer a:visited {
	color:#999; }
#footer a:hover {
	color:#000; }
#footer div#backToTop {
	padding-top:4px;
	text-align:right; }
#footer div#parseTime {
	color:#B4B4B4;
	text-align:center;
	padding-top:6px; }


/*----------------------------------------------------------------------------------------/
/ Popups
/----------------------------------------------------------------------------------------*/
#popup #container {
	margin:0 auto;
	text-align:left;
	padding:25px 20px 30px;
	width:534px; /* Wegen Border 2 px mehr als bei #areaContent */ }
* html #popup #container {
	width:574px; }

#headerPopup {
	color:#FFF;
	font-weight:bold;
	min-height:24px;
	padding:6px 10px 0;
	background:#B81429 url(../img/popup_header_bg.gif) repeat-x; }
* html #headerPopup {
	height:30px;
	overflow:visible; }

#contentPopup, #specialContentPopup {
	border:1px solid #B4B4B4; }
#contentPopup {
	padding:16px 20px 30px; }
/* Padding innen für Inhalte wie Verfügbarkeit und Produktbilder */
#specialContentPopup {
	padding:15px; }
/* Breite für Inhalt anpassen */
#specialContentPopup .widthContent {
	width:502px; }

/*--------------------------------------------/
/ Popup Verfügbarkeit
/--------------------------------------------*/
#imgPopupAvailability {
	width:120px;
	height:120px;
	background-repeat:no-repeat;
	background-position:center;
	border-width:1px;
	border-style:solid; }
* html #imgPopupAvailability {
	width:122px; height:122px; }

/*--------------------------------------------/
/ Popup Produktbilder
/--------------------------------------------*/
#popup.popupImage #container {
	width:668px; }
* html #popup.popupImage #container {
	width:708px; }

.popupImage #productImage {
	width:500px;
	height:500px;
	border-width:1px;
	border-style:solid;
	background-repeat:no-repeat;
	background-position:center; }
* html .popupImage #productImage {
	width:502px;
	height:502px; }

/* Für Link Style der kleinen Bilder */
.popupImage a.popupThumb {
	display:block;
	width:70px;
	height:70px;
	border-width:1px;
	border-style:solid;
	background-repeat:no-repeat;
	background-position:center; }
* html .popupImage a.popupThumb {
	width:72px;
	height:72px; }


/*----------------------------------------------------------------------------------------/
/ Misc
/*--------------------------------------------/
/ Inhaltselemente Main Content
/--------------------------------------------*/
#content .row, #popup .row {
	padding-top:4px;
	height:20px; }
* html #content .row, * html #popup .row {
	height:24px; }
#content .row a, #popup .row a {
	text-decoration:none; }

#content h2.row, #popup h2.row {
	padding-top:4px;
	height:22px; }
* html #content h2.row, * html #popup h2.row {
	height:26px; }

/* Abstände Textblöcke */
.paragraph {
	padding-bottom:6px; }
.paragraphLarge {
	padding-bottom:12px; }