/*----------------------------------------------------------------------------------------/
/ Inhaltselemente (Schrift, Links, Formulare, Linien)
/----------------------------------------------------------------------------------------*/
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; }


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

.fontXSmall {
	font-size:10px; line-height:15px; }
.fontSmall, h4, .dbContent .featureHeadline, .dbContent ul {
	font-size:11px; line-height:16px; }
.fontSmallNarrow  {
	font-size:11px; line-height:14px; }
.fontNormal, h3 {
	font-size:12px; line-height:17px; }
.fontNormalNarrow  {
	font-size:12px; line-height:15px; }
.fontLarge {
	font-size:16px; line-height:21px; }

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

.textWhite {
	color:#FFF; }
.textBlack {
	color:#000; }
.textGrey {
	color:#606060; }
.textLightGrey {
	color:#888; }

/* Generelle Formatierung Preise */
.blockPrice {
	font-weight:bold;
	text-align:right; }
.productOldPrice {
	font-size:90%;
	line-height:90%;
	font-weight:normal;
	text-decoration:line-through; }

/* Abstände Textblöcke */
.paragraph, .dbContent p {
	padding-bottom:6px; }
.paragraphS, .dbContent.fontSmall p {
	padding-bottom:3px; }
.paragraphL {
	padding-bottom:12px; }
.paragraphXL {
	padding-bottom:18px; }
.paragraphElm {
	padding-bottom:8px; }

.paragraphTop {
	padding-top:6px; }
.paragraphTopS {
	padding-top:3px; }


/*------------------------------------------------------------------/
/ Links
/------------------------------------------------------------------*/
a, a:visited {
	color:#000;
	outline:none;
	text-decoration:none; }
a, a:hover, .cursorPointer {
	cursor:pointer; }

.textWhite a, .textWhite a:visited {
	color:#FFF; }
.textWhite a:hover, .textWhite a.active, .textWhite a.active:visited {
	color:#000; }
.textGrey a, .textGrey a:visited {
	color:#606060; }
.textGrey a:hover, .textGrey a.active, .textGrey a.active:visited {
	color:#000; }

.linkBorder {
	display:block;
	border:1px solid #A8A8A8; }

/* Links mit Icons */
.arrow, .arrowLightGrey, .arrowTheme {
	padding-left:10px;
	background-repeat:no-repeat;
	background-position:0 4px; }
.arrow {
	background-image:url(../img/links/arrow.gif); }
.arrowLightGrey {
	background-image:url(../img/links/arrow_light_grey.gif); }

.arrowSmall, .arrowGreySmall, .arrowGreySmallModule, .arrowThemeSmall, .arrowWhiteSmall {
	padding-left:9px;
	background-repeat:no-repeat;
	background-position:0 4px; }
.arrowSmall {
	background-image:url(../img/links/arrow_small.gif); }
.arrowGreySmall {
	background-image:url(../img/links/arrow_grey_small.gif); }
.arrowGreySmallModule {
	background-image:url(../img/links/arrow_grey_small_module.gif); }

/* Produkt Navigator */
.proNav {
	display:block;
	padding:0 1px;
	height:15px; }
span.proNav { /* Wenn Link inaktiv */
	color:#888; }
.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 right 0; }
span.proNav.right {
	background:url(../img/links/pro_nav_right_low.gif) no-repeat right 0; }

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


/*------------------------------------------------------------------/
/ Icons
/------------------------------------------------------------------*/
.iconGeneric  {
	padding:0 0 3px 18px;
	background-repeat:no-repeat;
	background-position:0 0; }
.iconDot {
	padding-left:9px;
	background:url(../img/icons/dot_price_info.gif) no-repeat 0 5px; }


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

input, textarea, select {
	color:#000;
	font-size:12px; }
input {
	height:15px;
	padding:1px 0; }
* html input {
	height:19px; }
select {
	height:19px; }

/* Kleinere Eingabefelder (Schriftgrad und Höhe) */
input.small, textarea.small, select.small {
	font-size:11px; }
input.small {
	height:14px; }
* html form input.small {
	height:18px; }
select.small {
	height:18px; }

input, textarea, select {
	border:1px solid #A8A8A8; }
.mandatoryEntry {
	border-color:#65666E; }

/* Breiten für DropDowns */
.widthSelect {
	width:242px; }
* html .widthSelect {
	width:240px; }
.widthSelectWide {
	width:314px; }
* html .widthSelectWide {
	width:312px; }
.widthFilter {
	width:252px; }
* html .widthFilter {
	width:250px; }
.widthFilterSmall {
	width:232px; }
* html .widthFilterSmall {
	width:230px; }

form .noBorder, form .imageSubmit, form .imageSubmitSmall {
	border:0;
	padding:0; }
form .noBorder {
	height:auto; }
form .imageSubmit {
	height:21px; }
form .imageSubmitSmall {
	height:19px; }

/* Bereich Formulare */
.areaForm {
	width:476px; }
.areaFormLarge {
	width:546px; }
/* Einträge Formulare */
table .leftEntry {
	padding-right:10px; }
table .rightEntry {
	padding:6px 0; }


/*------------------------------------------------------------------/
/ HTML Listen
/------------------------------------------------------------------*/
ul, ol {
	padding:0 0 0 16px;
	margin:0; }


/*------------------------------------------------------------------/
/ Linien / Hintergrundfarben
/------------------------------------------------------------------*/
.line, .lineGrey, .lineLightGrey, .lineDarkGrey {
	clear:both;
	display:block;
	font-size:0;
	line-height:0;
	height:1px;
	overflow:hidden; }
.lineGrey {
	background-color:#D1D1D1; }
.lineLightGrey {
	background-color:#E7E7E7; }
.lineDarkGrey {
	background-color:#A8A8A8; }

.bgGrey {
	background-color:#E7E7E7; }
.bgLightGrey {
	background-color:#F6F6F6; }


/*------------------------------------------------------------------/
/ Bildleisten
/------------------------------------------------------------------*/
/* Z.B. bei Kategorien oben */
.imageBar {
	height:150px;
	margin:4px 0 10px;
	overflow:hidden;
	background-repeat:no-repeat; }