/*----------------------------------------------------------------------------------------/
/ 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; }

#editorContent p {
	padding-bottom:19px; }

h1, h2, h3, h4 {
	font-weight:bold; }
h1 {
	font-size:16px;
	line-height:21px;
	padding-bottom:2px; }
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; }
.fontLarge {
	font-size:16px;
	line-height:21px; }

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

.textColor, h1, .productSpecialPrice, .productGroupPrice {
	color:#385F8E; }
.textGrey {
	color:#666; }
.textLightGrey {
	color:#888; }
.textWhite {
	color:#FFF; }
.textBlack {
	color:#000; }

/* 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 {
	padding-bottom:5px; }
.paragraphS {
	padding-bottom:2px; }
.paragraphL {
	padding-bottom:12px; }

/* Formatierung für DB Inhalte wie Produkt-, Kategorie- und Herstellertexte */
.dbContent p {
	padding-bottom:5px; }
.dbContent.fontSmall p {
	padding-bottom:2px; }


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

.linkBorder {
	display:block;
	border-width:1px;
	border-style:solid; }
.linkBorder, .borderColor {
	border-color:#A3BBD9; }
a.linkBorder:hover, .linkBorder.active {
	border-color:#486F9F; }

.textColor a, .textColor a:visited, a.textColor, a.textColor:visited, a .textColor, a:visited .textColor {
	color:#385F8E; }
.textColor a:hover, .textColor a.active, .textColor a.active:visited, a.textColor:hover, a:hover .textColor {
	color:#000; }
.textWhite a, .textWhite a:visited {
	color:#FFF; }
.textWhite a:hover, .textWhite a.active {
	color:#000; }

/* Links mit Icons */
.iconCommon  {
	padding-left:18px;
	background-repeat:no-repeat;
	background-position:0 0; }
.forward {
	padding:0 16px 1px 0;
	background:url(../img/links/forward.gif) no-repeat right 2px; }
.forwardSmall {
	padding:0 15px 1px 0;
	background:url(../img/links/forward_small.gif) no-repeat right 2px; }
.backward {
	padding:0 0 1px 16px;
	background:url(../img/links/backward.gif) no-repeat 0 2px; }
.backwardSmall {
	padding:0 0 1px 15px;
	background:url(../img/links/backward_small.gif) no-repeat 0 2px; }
.arrowColor {
	padding-left:9px;
	background:url(../img/links/arrow_color.gif) no-repeat 0 5px; }
.squareColor {
	padding-left:9px;
	background:url(../img/links/square_color.gif) no-repeat 0 6px; }
/* Einzelne Einträge (z.B. bei Mein Konto) */
.item {
	padding-left:14px;
	background:url(../img/links/item.gif) no-repeat 0 3px; }
.itemInactive {
	padding-left:14px;
	background:url(../img/links/item_inactive.gif) no-repeat 0 3px; }

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

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


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

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

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

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

textarea {
	overflow:auto; }
textarea.widthContent {
	width:596px; }
* html textarea.widthContent {
	width:598px; }
#container.contentWide textarea.widthContent {
	width:776px; }
* html #container.contentWide textarea.widthContent {
	width:778px; }

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

form .mandatoryEntry {
	border-color:#65666E; }
form .inputReadOnly {
	color:#525457;
	background-color:#F4F5F6; }
textarea.messageFull {
	padding:4px 0 0 7px;
	width:589px;
	border-color:#CCCDD4;
	border-top:0; }
* html textarea.messageFull {
	margin-top:-1px;
	width:598px; }

/* DropDown für Länder (z.B. create_account.php) */
.selectCountry {
	width:232px; }
* html .selectCountry {
	width:230px; }
/* DropDown Kategorien bei Erweiterte Suche */
.selectSearchCat {
	width:314px; }
* html .selectSearchCat {
	width:312px; }

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


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


/*------------------------------------------------------------------/
/ Linien / Hintergrundfarben
/------------------------------------------------------------------*/
.line, .lineGrey {
	clear:both;
	font-size:0;
	line-height:0;
	height:1px;
	overflow:hidden; }
.line {
	background-color:#A3BBD9; }
.lineGrey {
	background-color:#CCCDD4; }
.bgGrey {
	background-color:#E7E9EC; }
.bgLightGrey {
	background-color:#F5F6F8; }


/*------------------------------------------------------------------/
/ (Inhalts-) Blöcke
/------------------------------------------------------------------*/
.blockHeadline {
	padding:3px 8px;
	border:1px solid #CCCDD4;
	border-bottom:0;
	background-color:#E7E9EC; }
.blockContent {
	padding:6px 8px 8px;
	border:1px solid #CCCDD4;
	border-top:0; }
.blockContent.top {
	border-top:1px solid #CCCDD4; }
.blockContent.form {
	padding-bottom:10px; }