/**
-------------------------------------------------------------
	Stylesheet für: http://www.conrad.de/
	Medien:         Bildschirme und Projektoren
	Autor:          Markus Fortmann
------------------------------------------------------------- */

/**
-------------------------------------------------------------
	Regeln für allgemeine Elemente --
	Standard-Elementtypen ohne Bezeichner oder Klasse
------------------------------------------------------------- */

/* Alle kritischen Werte für alle Elemente mit Standardwerten instanziieren.
   Wo anders gewünscht, müssen die Werte explizit überschrieben werden. */

/* Import CSS */

 <!--[if ie]>
	 <style type="text/css">
		.articlelist .sticker {
			margin: 0 -5px !important;
			padding: 0 !important;
		}
	</style>
<![endif]-->
			

* {} /* Safari-Bugfix */

* {
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
}





/* Schriftgröße kontrollieren */

body, td, th {
  font: normal 68%/120% Arial, sans-serif;
}

td, th {
  f\ont-size: 100%;
}

body {
	color: black;
	background-color: white;
	margin-bottom: 100px;
	margin-top: 0;
	position: relative;
}

/** Links und Anker
------------------------------------------------------------- */
a:link {
	color: black;
}
a:visited {
	color: black;
}
a:hover, a:focus {
	text-decoration: none;
}
a:active {
}


a.tag-0, a.tag-1, a.tag-2, a.tag-3 {
	color: #0098DD ! important;
	text-decoration: none;
	line-height: 150%;
}
a.tag-0 {
	font-size: 0.9em;
}

a.tag-1 {
	font-size: 1.0em;
}
a.tag-2 {
	font-size: 1.1em;
}
a.tag-3 {
	font-size: 1.2em;
	font-weight: bold;
}

a.porto{
	color:#A3A3A3 ! important;
}

.blue {
	color: #0098DD;
}

.search a {
	color: white;
}

/* Rahmen und verlinkte Bilder unterdrücken. Für alle Browser auüer ültere
   Opera reicht der Selektor 'a img'. */
a:link img,
a:visited img,
a:hover img,
a:focus img,
a:active img {
  border: 0;
}

img {
	border: 0;
}


/** überschriften
------------------------------------------------------------- */
h1, h2, h3, h4, h5 {
  margin: 2em 0 1em 0;
}
h1 {
  margin: 0 0 16px 0;
  font-size: 1.7em;
  font-weight: normal;
}

h2 {
  font-size: 1.4em;
}

h3 {
  font-size: 1.3em;
}
h4 {
  font-size: 1.2em;
}
h5 {
  font-size: 1.1em;
}
h6 {
  font-size: 1em; /* Nicht kleiner als 1em setzen */
  /*background-color: #000000;*/
/** padding: 6px 0px 5px 8px;*/
}

/** Absätze
------------------------------------------------------------- */
p {
  margin: 0 0 1.4em 0;
}

/** Floating
------------------------------------------------------------- */

.floatRight {
 float: right;
}

.floatLeft {
 float: left;
}

/** Divs mit Rahmen
------------------------------------------------------------- */

.special {
 text-align: center;
 border-bottom: 1px solid #bcbcbc;
 padding: 2px 0 2px 0;
}

div.borderDivDark {
	padding: 10px 9px 1px 10px;
	border: 1px solid #bcbcbc;
	background-color: #E6E6E6;
	margin-bottom: 20px;
}

div.borderDiv {
	border: 1px solid #BCBCBC;
	padding: 10px;
}

.trenner {
	display: block;
	padding: 10px 20px 0 20px;
}

/** spezielle Breitenangaben
------------------------------------------------------------- */
.w420 {width: 420px;}
.w350 {width: 350px;}
.w344 {width: 336px;}
.w320 {width: 320px;}
.w300 {width: 300px;}
.w290 {width: 290px;}
.w280 {width: 272px;}
.w276 {width: 276px;}
.w275 {width: 267px;}
.w270 {width: 262px;}
.w268 {width: 260px;}
.w260 {width: 252px;}
.w240 {width: 240px;}
.w230 {width: 230px;}
.w220 {width: 220px;}
.w213 {width: 213px;}
.w210 {width: 210px;}
.w207 {width: 207px;}
.w200 {width: 192px;}
.w190 {width:190px ! important;}
.w180 {width:180px ! important;}
.w179 {width: 179px;}
.w178 {width: 178px;}
.w170 {width: 170px;}
.w160 {width: 160px;}
.w158 {width: 158px;}
.w155 {width: 155px ! important;}
.w150 {width: 150px;}
.w140 {width: 140px;}
.w135 {width: 135px;}
.w133 {width: 125px;}
.w130 {width: 130px;}
.w120 {width: 120px;}
.w110 {width: 110px;}
.w100 {width: 100px;}
.w90 {width: 82px;}
.w82 {width:82px;}
.w80 {width: 74px;}
.w66 {width:66px;}
.w60 {width: 52px;}
.w58 {width:50px;}
.w55 {width: 55px;}
.w53 {width: 45px;}
.w50 {width: 42px;}
.w42 {width:42px;}
.w48 {width:48px;}
.w40 {width: 40px;}
.w31 {width: 23px;}
.w30 {width: 30px;}
.w21 {width: 22px;}
.w20 {width: 20px;}
.w15 {width: 15px;}
.w71 {width: 63px;}

.f140 {width: 132px;}

.h100 { height: 100px;}

select.space,
input.space {
	margin-right: 9px;
}

td.nospace {
	padding-right: 0 !important;
	margin-right: 0;
}

.nopadding {
	padding: 0 ! important;
}

tr.noborder td {
	border: none;
}

.white {
	background-color: #FFF;
}

.gray {
	background-color: #e6e6e6;
}

.darkgray {
	background-color: #bcbcbc;
}


/** Tabellen
------------------------------------------------------------- */
table {
  margin: 0;
}

caption {
  margin: 2em 0 1em 0;
  font-weight: bold;
}
th {
  text-align: center;
  font-weight: bold;
}

td {
	vertical-align: top;
}

.norow {
	border-bottom: 1px solid #bcbcbc;
	border-left: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
	padding:8px;
}

.bottomwhite{
	border-bottom: 1px solid #ffffff;
}

td.hashead,
tr.hashead td{
 border-top: 1px solid #bcbcbc ! important;
}

td.noborder{
	border: 0px ! important;
}

table.noborder{
	border: 0px ! important;
}

.rechtstext{
 color: #616161 ! important;
 font-size: 0.9em;
 padding-top: 5px;
 padding-bottom: 8px;
 line-height: 1em;
}

.rechtstext a{
 color: #616161 ! important;
}

/* Tabellen mit Formularen */

table.form {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

table.space {
  margin-bottom: 14px;
}

table.form td {
	padding: 0 10px 0 0 !important;
	vertical-align: top;
}
* html #PaymentModeForm table.form td {
	padding: 0 0 0 0 !important;
}


table.form td.nospace {
	padding: 0 !important;
}

table.form td input {
  margin-top: 6px !important;
}

table.form td select {
  margin-top: 8px !important;
}

table.form td input.image,
table.form td input.checkbox,
table.form td input.radio {
  margin-top: 0 !important;
}

#content .box .inner table.form .buttons td {
	padding-top: 20px;
}

table.form2 th {
	text-align: right;
	font-weight: normal;
	vertical-align: top;
}

table.form2 label {
	line-height: 20px;
}

table.form2 td input,
table.form2 td textarea {
	margin: 0 0 8px 10px;
}

/** Bilder
------------------------------------------------------------- */
img {
  vertical-align: middle;
}

img.center {
	margin: 0 auto;
}

/** Listen
------------------------------------------------------------- */
ol, ul {
  margin: 1em 0 1em 25px;
}

/* Hier Bullet per 'list-style-image' oder 'background-image' setzen. */

ul,
ul li
 {
	list-style: none;
}

ul .discOutside, ul li .discOutside {
	list-style: disc outside none;
}

/** Formulare
------------------------------------------------------------- */

/* Es wird davon ausgegangen, dass Steuerelementen vom Typ 'input' immer
   eine Klasse entsprechend des Wert ihres 'type'-Attributs verliehen
   wird, also zum Beispiel '<input type="radio" class="radio" ... />'. */
form {
  margin: 0;
  padding: 0;
}


div.error {
  color: #F50000;
  padding-top: 4px;
}

label.error {
  color: #F50000;
  font-weight: bold;
}

.asterisk {
 background-image: url('/images/default/default/panel/asterisk.gif');
 background-repeat: no-repeat;
 background-position: bottom right;
 background-color: transparent;
 padding-right: 6px;
}

.asteriskb {
 background-image: url('/images/default/default/panel/asteriskb.gif');
 background-repeat: no-repeat;
 background-position: bottom right;
 background-color: transparent;
 padding-right: 6px;
}

select,
input,
textarea {
  /* Für Safari */
  font-size: 99%
}

select {
 height: 18px;
}

input,
textarea {
  padding: 1px 3px 0 3px;
  border-top: 1px solid #7F7F7F;
  border-left: 1px solid #7F7F7F;
  border-right: 1px solid #D2D1CC;
  border-bottom: 1px solid #D2D1CC;
  background: white url('/images/default/default/panel/input-bg.gif') no-repeat top left;
}

input.inputImage {
	padding: 0;
}

input {
	vertical-align: middle;
}

textarea {
  font-family: Verdana, sans-serif;
  margin: 0;
}

input.checkbox,
input.image {
	border: 0;
	background: none;
	margin: 0;
	padding: 0;
}

input.radio {
	height: 15px;
	width: 14px;
	margin-right: 2px !important;
	border: 0;
	background: none;
}

input.checkbox {
	height: 14px;
	width: 14px;
	margin: 3px 5px 3px 0px;
}

input.artnr_first{
 width: 70px;
}

input.artnr_second{
 width:22px;
}

input.long{
 width: 263px;
}

input.mid{
 width: 130px;
}

input.short{
 width: 50px;
}

input.date{
 width: 70px;
 margin-top: 5px;
 margin-bottom: 10px;
}

input.date1{
 width: 20px;
 margin-top: 5px;
 margin-bottom: 10px;
}
input.date2{
 width: 30px;
 margin-top: 5px;
 margin-bottom: 10px;
}

/** Präformatierter und Quelltext
------------------------------------------------------------- */
pre {
  font-family: "Courier New", monospace;
  font-size: 110%;
  line-height: 1.2;
  margin: 1.5em 0;
}
code {
  font-family: "Courier New", monospace;
  font-size: 110%;
  font-style: normal;
  vertical-align: baseline;
  padd\ing: 0 3px;
}
pre code {
  font-size: 1em;
}


/** Textauszeichnung
------------------------------------------------------------- */
ins {
	text-decoration: none;
	font-weight: bold;
	color: #AF1D06;
}

span.price {
	text-decoration: none;
	font-size: 1.9em;
	font-weight: bold;
	color: #000000;
}

.available{
	color: #009900;
	font-weight: bold;
}


.avaibility_green {
	color:#009900;
	font-size:13px;
}
.avaibility_yellow {
	color:#FC800B;
	font-size:13px;
}
.avaibility_red {
	color:red;
	font-size:13px;
}

del {
	color: #B2B2B2;
}

.lightblue {
	color: #0098dd !important;
}

.hintbox {
	padding: 0px 0px 0px 20px ! important;
	background-image: url(/images/default/default/icons/hint.gif) ! important;
	background-repeat: no-repeat ! important;
}

.redHint {
	background: transparent url(/images/default/default/icons/red_exclamationmark.gif) top left no-repeat;
	color: #f00000;
	padding-left: 20px;
}

.redHint a {
	color: #f00000;
	font-weight:bold;
}

dfn {
  font-style: normal;
}

samp {
  font-size: 110%;
  vertical-align: baseline;
}

kbd {
  font-family: "Courier New", monospace;
  font-size: 110%;
  font-style: normal;
}


/**
-------------------------------------------------------------
	Regeln für besondere Bereiche --
	Spezielle Seitenelemente, hüufig durch Container einer
	bestimmten ID gruppiert
------------------------------------------------------------- */

/* Das Element mit der ID 'top' stellt den Zielanker für Links
   zum Seitenanfang dar. Im Allgemeinen handelt es sich dabei
   um einen Container, den man sonst mit 'head' bezeichnen würde. */
#top {
	width: 994px;
	margin: 0 auto;
	border-left: 1px solid #BCBCBC;
	border-right: 1px solid #BCBCBC;
	position: relative;
	z-index:0;
}

/** Logo
------------------------------------------------------------- */
#logo {
 	position: absolute;
	top: 39px;
	left: 19px;
	width: 180px;
	height: 45px;
	z-index:1;
}

/** Header-Teaser
------------------------------------------------------------- */

#header-teaser {
	position: absolute;
	top: 43px;
	left: 258px;
	width: 524px;
	height: 70px;
	overflow: hidden;
}

/** Aktions-Header
------------------------------------------------------------- */

#aktions-header {
	position: absolute;
	top: 50px;
	left: 649px;
	width: 160px;
}

/** Content + Left
------------------------------------------------------------- */

#content-left {
  width: 789px;
  float: left;
  background:url('/images/default/default/panel/bg_left.gif') repeat-y;
  margin-top:-14px;
  padding-top:14px;
}

#full #content-left {
	width: 989px;
}

/** Content
------------------------------------------------------------- */
#content {
  width: 590px;
	float: right;
	position: relative;
	/*z-index:9899;*/
	z-index:1;
}

#full #content {
	width: 790px;
/*	z-index: 5;*/
}



/** Left
------------------------------------------------------------- */

#left {
	width: 179px;
	float: left;
	background: none transparent;
	z-index:10000;
}

#leftUpload {
	width: 180px;
	float: left;
	background: none transparent;
	z-index:10000;
}

#right {
	width: 180px;
	float: right;
	padding: 0 5px 0 0;
	z-index:3;
	/*z-index:10000;*/
}

#full #right {
	clear: none;
	position: absolute;
	top: 260px;
	right: 0;
	z-index: 1;
}

/* Häufig folgen an dieser Stelle weitere Regeln für die Gestaltung
   von Sidebars, Teaser- und Newsbereichen etc. */


/* Zine-Font laden und installieren */
@font-face {
    font-family: 'ZineSlabDis-BoldRoman';
    src: url('/images/default/default/zineslabdisboldroma.eot');
    src: local('ZineSlabDis-BoldRoman'), local('ZineSlabDis-BoldRoman'), url('/images/default/default/zineslabdisboldroma.ttf') format('truetype');
}

.insideLayer .box,
#left .box,
#right .box,
#innerContent .box,
#content .box {
	margin-bottom: 20px;
}

.box h2 {
	margin: 0;
	padding: 0;
}

.box h6 {
	margin: 0 0 16px 0;
	padding: 0;
}

#right .box .inner {
  padding: 14px 9px 20px 9px !important;
}

#right .box .inner img{
  margin: -10px -9px 5px -9px;
}

#right .box .inner p {
	margin: 0 0 10px 0 !important;
}

.insideLayer .box .inner,
#left .box .inner,
#innerContent .box .inner,
#content .box .inner {
  padding: 6px 8px 15px 8px;
}

.insideLayer .box .inner p,
#content .box .inner p,
#innerContent .box .inner p {
	margin: 0 0 8px 0;
}

.box ul, .box ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.box .smallitems li {
	padding: 6px 0 1px 0 ! important;
}

.box ul {
	padding: 10px 5px 5px 10px;
}

.box li {
	padding: 5px 0 10px 0;
}



#right .box {
	border: 1px solid #BCBCBC;
	border-top: 0;
}

#right .box img.headline {
	margin-left:  -1px;
}

#right .box .inner {
  padding: 10px 8px 15px 8px;
}

#right .box .inner p {
  margin: 0 0 6px 0;
}

#right .cart div.inner {
	padding-top: 10px !important;
	padding-bottom: 18px !important;
}

#right .cart span.article {
	display: block;
	width: 57px;
	float: left;
	overflow: hidden;
	height: 18px;
}

#right .cart .cartlink {
	border-top: 1px solid #BCBCBC;
	padding: 4px 0 9px 0;
	font-weight: bold;
	margin-top: -4px;
}

#right .cart ul {
  padding: 3px 0 0 0;
  list-style: none;
  border-top: 1px solid #BCBCBC;
  height: 100%;
  overflow: hidden;
  margin: -4px 0 -3px 0;
}

#right .cart li {
	width: 93px;
	display: block;
	float: left;
	padding: 0;
	height: 20px;
	overflow: hidden;
}

#right .cart li.even {
	width: 67px;
}

#right .cart li.proposals {
	width: 120px;
}

#right .cart a,
#right .cart strong {
  outline: 0;
  Line-Height: 20px;
}


#left .box .inner {
  padding: 14px 8px 0 8px;
}

#left .box .inner p {
	margin: 0 0 14px 0;
	line-height: 1.2em;
}

#left .box ul {
	margin-bottom: 7px;
}

#left .box li img {
	margin-top: 13px;
}

#left .search .inner {
  background: none #0098DD;
	padding: 13px 10px 15px 9px;
	border-top: 1px solid #fff;
}

#left .search form{
	margin: 0;
}

#left .search input.text {
	width: 118px;
	height: 14px;
	margin: 0 10px 0 0;
	padding: 1px 5px 0 5px;
	border: 1px solid #C2C3C3;
	background: none white;
}

#left .search .inner div {
  margin: 0;
  padding: 0;
  color: white;
}

#left .search ul {
	margin: 8px 0 0 0;
  padding: 0;
  list-style: none;
  color: white;
}

#left .search li {
	width: 60px;
	display: block;
	float: left;
	padding: 0;
}

#left .search li.even {
	width: 99px;
}

#left .search a,
#left .search strong {
  outline: 0;
  color: white;
  line-height: 20px;
}
#left .search a:hover,
#left .search a:focus,
#left .search strong,
#left .search a.active {
  text-decoration: none;
}


#left .tagcloud h2 {
	margin: -6px 0 -3px 0;
}

#left .tagcloud {
  margin-top: -6px;
	padding-bottom: 0;
}




/** Fußzeile
------------------------------------------------------------- */

/* üblicherweise steht die Fußzeile unterhalb aller anderer Elemente. */

#footer {
	clear: both;
	background: none #0098DD;
	position: relative;
	color: white;
	z-index:0;
	height: 35px;
	line-height:35px;
	padding: 0 15px;
}

* html #footer {
	padding-top: 5px;
}

#footer ul {
	list-style: none outside none;
	margin:0;
}

#footer li {
	display: inline;
	padding: 0 10px;
}

#footer li.barafter {
    border-right: 1px solid #80CCEE;
}

#footer li a {
	text-decoration: none;
	color: #80CCEE;
}

#footer li a:hover {
	text-decoration: underline;
}

#footer form {
	display: inline;
	padding-left: 15px;
}

#footer select {
	margin-left:5px;
	/* R. Wohner: Next line is a browser switch for IE only */
	#position:relative;	#top: 1px; 
}

* html #footer select{
	margin-top:1px;
}

#footer input.textfield {
	background: white none;
	color: black;
	border: 1px solid #C2C3C3;
	padding: 1px 5px;
	width: 128px;
	position:relative; top: -1px;
	margin-left:5px;
}

* html #footer input.textfield{
	margin-top:1px;
}

#footer .button {
	position:relative; top:-1px;
}
/**
-------------------------------------------------------------
	Regeln für ausrichtung
------------------------------------------------------------- */
.left{
	text-align: left;
}
.center{
	text-align: center;
}

/**
-------------------------------------------------------------
	Regeln für spezielle Elemente
------------------------------------------------------------- */

.invisible {
  position: absolute;
  left: -9999px;
}

.clear {
	clear: both;
}


/**
-------------------------------------------------------------
	Regeln für spezielle Dokumente
------------------------------------------------------------- */

/* Bereichsübersichtseite */

.arealist {
	margin: 0 0 20px 0;
	border-bottom: 1px solid #BCBCBC;
	background: white url('/images/default/default/arealist.gif') repeat-y;
	overflow: hidden;
	height: 100%;
}

.arealist div {
	width: 178px;
	float: left;
	padding: 5px 9px;
	background: none transparent;
}

.arealist img {
	margin: 0 0 8px 0;
}

.arealist ul ul {
	margin-top: 6px;
}

.arealist ul,
.arealist li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none transparent;
}
.arealist ul {
	border-top: 1px solid white;
}

.arealist li {
	font-weight: bold;
	margin-bottom: 10px;
}

.arealist li li {
	font-weight: normal;
	margin: 7px 0;
}
.arealist .headimage {
	padding-top: 18px;
	padding-bottom: 10px;
	text-align: center;
	background: white;
	border-bottom: 1px solid #BCBCBC;
	width: 275px;
	border-right: 1px solid #BCBCBC;
	border-left: 1px solid #BCBCBC;
}


#ShoppingListLayer ul li,
ul.standardList li {
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	background: transparent url('/images/default/default/icons/li.gif') 0 5px no-repeat;
}

.categoryTable .rechtstext,
.categoryTable .rechtstext a {
	color: #CECECE;
	font-size: 0.9em;
}


input.amount {
	width: 17px;
	text-align: right;
	margin: 0;
}

img.amount {
	margin: 2px 4px 0 5px;
}


/* Portlet */
#portlet{
	margin: 0 0 20px 0;
}

#portlet table {
	width: 790px;
}

#portlet img{
	margin-top: -1px;
}

#portlet td.text {
	border: 1px solid #BCBCBC;
	background: none #f1f1f1;
	padding: 10px;
	width: 50%;
}

#portlet td.first {
	border-right: 0;
}

#portlet td.last {
	border-left: 0;
}


/* Paging */

.paging {
	background: none #E6E6E6;
	color: #000;
	height: 24px;
	margin: 0 0 10px 0;
	border: 1px solid #BCBCBC;
}

.pagingbottom {
	margin: 0 0 20px 0 !important;
}

.paging a,
.paging a:visited {
	color: #666;
}

.paging .number {
	display: block;
	width: 200px;
	float: left;
	padding: 6px 10px;
}

.paging .sortTitle {
	display: block;
	width: 62px;
	float: left;
	padding: 6px 0px;
}

.paging .sort {
	display: block;
	width: 140px;
	float: left;
	padding: 3px 0;
}

.paging .article {
	display: block;
	width: 50px;
	float: left;
	padding: 3px 0;
}

.paging .articletext {
	display: block;
	width: 80px;
	float: left;
	padding: 6px 10px;
	white-space: nowrap;
}

.paging .sites {
	display: block;
	width: 190px;
	float: left;
	text-align: right;
	padding: 5px 10px;
}

.paging .sites a,
.paging .sites strong {
	margin: 0 0 0 6px;
}

.paging select {
	border: none;
	padding: 0;
	margin: 0;
	font-size: 0.9em;
}

/* Paging Wishlist */

.pagingWishlist {
	background: none #000000;
	color: #FFE600;
	height: 24px;
	margin: 0 0 10px 0;
}

.pagingbottomWishlist {
	margin: 0 0 20px 0 !important;
}

.pagingWishlist a,
.pagingWishlist a:visited {
	color: #FFE600;
}

.pagingWishlist .number {
	display: block;
	width: 200px;
	float: left;
	padding: 6px 10px;
}


.pagingWishlist .sortTitle {
	display: block;
	width: 62px;
	float: left;
	padding: 6px 0px;
}

.pagingWishlist .sort {
	display: block;
	width: 140px;
	float: left;
	padding: 3px 0;
}

.pagingWishlist .article {
	display: block;
	width: 50px;
	float: left;
	padding: 3px 0;
}

.pagingWishlist .text {
	display: block;
	width: 80px;
	float: left;
	padding: 6px 10px;
	white-space: nowrap;
}

.pagingWishlist .sites {
	display: block;
	width: 190px;
	float: left;
	text-align: right;
	padding: 5px 10px;
}

.pagingWishlist .sites a,
.pagingWishlist .sites strong {
	margin: 0 0 0 6px;
}

.pagingWishlist select {
	border: none;
	padding: 0;
	margin: 0;
	font-size: 0.9em;
}

/* Filter */

ul.filters {
 border-top: 0;
 margin: 0;
 list-style:none;
}

.filters li.filteroption {
 width: 180px;
 display: block;
 margin: 0 9px 10px 0;
 float: left;
}

.filters li.filteroption.large {
 width: 190px;
}

.filters li.filteroption p {
 margin-bottom: 10px;
}




/*
-------------------------------------------------------------
	Bestellprozess-Head
------------------------------------------------------------- */

h1.cartStep{
 padding-top: 4px;
}

div.stepCounter {
 font-weight: bold;
 float: left; padding: 4px 0 0 7px;
 background-color: #0098DD;
 color: #FFFFFF;
 height: 16px;
 width: 13px;
 margin-right: 10px;
}

/**
-------------------------------------------------------------
	Warenkorb styles
------------------------------------------------------------- */

div.shortgray {
	border-bottom: 1px solid #bcbcbc;
	padding: 7px 10px;
	background-color: #e6e6e6;
}


#SearchKeyword div.box .inner ul li {
	padding: 2px 0;
}
#SearchBrand table.tableborder {
	margin-top:-1px;
	width:590px;
}

#SearchBrand:-moz-last-node table.tableborder {
	width:589px;
}

#SearchBrand table.tableborder td {
	padding: 5px 0;
}

div.keyword {
	width: 275px;
	float: left;
}

div.keyword ul {
	margin-left: 0;
}




.price {
	 font-size: 1.8em;
	 font-weight: bold;
	 padding: 3px 0;
	 line-height: 0.8em;
}

.reduced {
	color: #AF1D06;
}

.smallstar,
.price .star {
	color: #ff0000;
}
.price .star {
	position: relative;
	top: -5px;
	left: 2px;
	font-size: 14px;
}

.price sup {
	 margin: 0px;
	 line-height: 2px;
	 padding: 0px 0px 0px
	 2px; color: #ff0000;
	 font-size: 14px;
}

.available {
	 padding-bottom: 8px;
	 font-weight: bold;
	 color: #009900;
	}

.unavailable {
	 padding-bottom: 8px;
	 font-weight: bold;
	 color: #ff0000;
	}

.date {
		padding-bottom: 8px;
		color: #FFC800;
		font-weight: bold;
	}

	a.articlelink {
		font-weight: bold;
	}

	a.blueLink {
		color: #00349A !important;
		font-weight: bold;
	}


.textIndent {
	margin-left: 10px;
}

.noDecoration{
	text-decoration:none;
	}
	
#mc_imglnk_wkausdrucken, #mc_imglnk_wkalsmerkzettel{
	text-decoration:none;
}



td.borderRight {
	border-right: 1px solid #BCBCBC;
}



td.alignTop {
	vertical-align: top;
}

/**
-------------------------------------------------------------
Tabellen für übersichtsseiten (mit Filter/Sortierfunktion)
------------------------------------------------------------- */

table.filterTable {
	padding: 0;
	margin: 0;
	margin-top: 5px;
}

table.filterTable td {
	border: none;
	padding: 2px;
	vertical-align: middle;
}

table.filterTable select {
	width: 110px;
}

table.overview th {
	text-align: left !important;
	font-weight: bold !important;
	color: #000000 !important;
	background-color: #E6E6E6 !important;
	border: 1px solid #BCBCBC !important;
	padding: 8px 8px 0 8px !important;
}

table.overview td {
	padding: 17px 9px !important;
}

/**
-------------------------------------------------------------
 für Registrierung (Galerieansicht)
------------------------------------------------------------- */

.red {
/* Anm. Ralf Wohner: Verwende ich auch für Profiseller-IDs, der Klassenname
   klingt allgemein */
	color: #F00000 ! important;
}

.redbold {
	color: #F00000 ! important;
	font-weight: bold;
}

.green {
	color: #009900 ! important;
}


div.agbRow {
}

div.agbRow input.checkbox {
	margin: 0 1px 0 6px;

}

div.agb {
	text-align: right;
	width: 516px;
	float: right;
}

div.agb p {
	margin-bottom: 4px;
}

div.agbRow div.button {
	width: 73px;
	float: right;
}



/**
-------------------------------------------------------------
 Popup für Produktdetailseite
------------------------------------------------------------- */

#popup {
	margin: 12px 20px ;
	background: transparent url('/images/default/default/logo/conrad_small.gif') 20px 12px no-repeat ;
}

.pop_background {
	margin: 12px 20px ;
}

#popup #contentpop {
  width: auto;
}


#printLogo {
	position: absolute;
	top: 5px;
	display: none;
}

#popup #mainpop {
	border-top: 1px solid #BCBCBC;
	position: absolute;
	top: 40px;
	left: 0;
	padding: 19px 0 0 0;
}

#popup_example #mainpop {
	border-top: 1px solid #BCBCBC;
	position: absolute;
	top: 40px;
	left: 0;
	padding: 19px 0 0 0;
}

#popup_example h1 {
	margin:0 0 6px;
	font-size:1.7em;
	font-weight:normal;
}

#popup_example .right {
	width:195px !important;
}

#popup #left {
	padding-right: 20px;
	width: 160px;
	float: left;
	background: none transparent;
	z-index:10000;
}
#popup #leftUpload{
	width: 160px;
	margin-right:8px;	
}

#popup #close {
	position: absolute;
	right: 0;
	top: 0;
}

#popup_example .close {
	background: transparent url(/images/default/default/icons/close.gif) left 2px no-repeat;
	padding-left: 16px;
	display: block;
}

#popup_example #close {
	position: absolute;
	right: 0;
	top: 0;
}

#popup #content h1 {
	margin: 0 0 6px 0;
}

#exampleImageNavigation{
	background-color: #F0F0F0;
	border: 1px solid #BCBCBC;
	padding: 5px 10px 5px 10px;
}

#exampleImageNavigation .right{
	float:right;
}

/**
-------------------------------------------------------------
 globale Layer Eigenschaften
------------------------------------------------------------- */
.insideLayer {
	position:absolute;
	/* Default Werte */
	top: 200px;
	width: 420px;
	z-index:40000;
	background: transparent url('/images/default/default/panel/shadow.gif') no-repeat;
  	background-position: 2px 2px;
  	padding: 0 2px 2px 0;
}
.insideLayerMap{
	width: auto !important;
}

.insideLayer .layerMain {
	background-color: #FFF;
	padding: 10px;
	clear:both;
	border: 1px solid #A0A0A0;
}

.insideLayer .layerHeader {
	background: #FFF;
	margin-bottom:6px;
}

.insideLayer .layerContent {
	clear:both;
}
.insideLayer .layerFooter {
	clear:both;
	margin-top:15px;
}

/**
-------------------------------------------------------------
 spezielle Layer Eigenschaften
------------------------------------------------------------- */
#GrowUp {
	top: 400px;
	left: 180px;
	width: 350px;
}

#RatesLayer {
	top: 220px;
	left: 381px;
	width: 320px;
}

#RatesLayer div.box {
	margin-top:20px;
	border-top: 1px solid #bcbcbc ! important;
}

#RatesLayer div.box div.inner {
	padding-top:12px;
	padding-left:18px;
	padding-bottom:12px;
}
#RatesLayer div.box div.inner.last {
	padding-top:7px;
	padding-bottom:5px;
}


#LinkToArticleLayer {
	top:115px;
	left:0px;
	width: 540px;
	/*height:359px;*/
}

#LinkToArticleLayer	.produktInfo {
	margin-left:10px;
	height:65px;
	margin-top:35px;
}

#LinkToArticleLayer code {
	padding:4px 6px;
	background: #FFFAE6;
	border:1px solid #D4D4D4;
	display:block;
	margin:10px 0;
}

#LinkToArticleLayer hr {
	margin:0;
	padding:0;
	border:0;
	height:1px;
	background:#D3D3D3;
}

#deleteLayer {
	width: 250px;
	left: 206px;
}

#ProposalLayer{
	z-index:60000;
	width: 620px;
	left:-30px;
}

/* ShoppingList */

#ShoppingListLayer{
	z-index:50000;
	width: 620px;
	left:-30px;
}

#ShoppingListLayer th {
	text-align: left;
	border: 1px solid #BCBCBC;
	background-color: #F6F6F6;
	padding: 8px;
}

#ShoppingListLayer td {
	border: none;
	padding-left: 20px;
	padding-top:0;
}

#ShoppingListLayer td.borderRight {
	border-right: 1px solid #BCBCBC;
}

#WarrantyLayer {
	top: 300px;
	left: 450px;
	width: 320px;
}

#WishlistConfirm {
	width: 620px;
}

#WishlistSave {
	width: 300px;
	top: -40px;
	left:220px;
}

#WishlistSave p {
	width: 250px;
	padding: 10px  0 0 25px;
}

#openSaved_compare {
	top:260px;
	width: 180px;
	left: 206px;
}

#invalidCompareLayer {
	width: 300px;
	left: 206px;
}

#saveconfirm_compare {
	width: 180px;
}

#unav_compare {
	width: 200px;
	left: 206px;
}

#overwriteconfirm_compare,
#registeropen_compare,
#registersave_compare,
#productsCompareErrorLayer,
#productsCompareMessageLayer {
	width: 240px;
	left: 206px;
}

#ImageLayer {
	top: 100px;
	width: auto;
	margin-left: 200px;
}

#service_layer {
	margin: 330px 0 0 510px;
	width: 330px;
}

#service_layer .inner {
	background: none white;
	border: 1px solid #BCBCBC;
	overflow: hidden;
}

#service_layer .left {
	width: 178px;
	float: left;
	border-right: 1px solid #BCBCBC;
}

#service_layer .right {
	width: 149px;
	float: right;
}

#service_layer .close1 {
	position: absolute;
	top: 10px;
	left: 310px;
}

#service_layer .close2 {
	padding: 20px 10px 10px 10px;
	clear: both;
}


#service_layer ul,
#service_layer li {
	margin: 0;
}

#service_layer ul {
	border-bottom: 1px solid #BCBCBC;
	padding: 20px 10px 10px 10px;
}

#service_layer li {
	line-height: 160%;
}
#ChangeFormCheckLayer,
#save_compare {
	width: 250px;
	left: 206px;
}


/**
-------------------------------------------------------------
 für businessLayer (Geschäftskunden)
------------------------------------------------------------- */


#businessLayer {
 padding: 20px 20px 10px 20px;
 position: absolute;
 left: 50px;
 top: 170px;
 z-index: 40000;
 color: #000000;
 background-color: #FFFFFF;
 border: 1px solid #BCBCBC;
 width: 280px;
 height: 357px;
}

#businessLayer div.listenDiv {
 border: 1px solid #BCBCBC;
 padding-left: 10px;
}

#businessLayer a.closeButton {
 position: relative;
 left: 90px;
 top: -10px;
}

#businessLayer p.hint {
background: transparent url("res/de/buttons/small/yellow_exclamationmark.gif") top left no-repeat;
padding-left: 20px;
}

#businessLayerShadow {
 position: absolute;
 z-index: 199;
 left: 524px;
 top: 384px;
 background-color: #616161;
 width: 320px;
 height: 306px;
}


/**
-------------------------------------------------------------
 für customerLayer (Privatkunden)
------------------------------------------------------------- */


#customerLayer {
 padding: 20px 20px 10px 20px;
 position: absolute;
 left: 10px;
 top: 210px;
 z-index: 40000;
 color: #000000;
 background-color: #FFFFFF;
 border: 1px solid #BCBCBC;
 width: 280px;
 height: 200px;
}

#customerLayer div.listenDiv {
 border: 1px solid #BCBCBC;
 padding-left: 10px;
}

#customerLayer a.closeButton {
 position: relative;
 left: 150px;
 top: -10px;
}

#customerLayer p.hint {
background: transparent url("res/de/buttons/small/yellow_exclamationmark.gif") top left no-repeat;
padding-left: 20px;
}

#customerLayerShadow {
 position: absolute;
 z-index: 199;
 left: 524px;
 top: 384px;
 background-color: #616161;
 width: 320px;
 height: 182px;
}



/**
-------------------------------------------------------------
 für Länder-Popup
------------------------------------------------------------- */


#countryPopup {
 padding: 20px 20px 10px 20px;
 position: absolute;
 left: 520px;
 top: 380px;
 z-index: 200;
 color: #000000;
 background-color: #FFF;
 border: 1px solid #BCBCBC;
 width: 280px;
 height: 276px;
}

#countryPopupLayerShadow {
 position: absolute;
 z-index: 199;
 left: 524px;
 top: 384px;
 background-color: #616161;
 width: 320px;
 height: 306px;
}


/**
-------------------------------------------------------------
 #3777 für webportalLayer und webportalErrorLayer
------------------------------------------------------------- */


#webportalLayer {
 padding: 20px 20px 10px 20px;
 position: absolute;
 left: 50px;
 top: 170px;
 z-index: 40000;
 color: #000000;
 background-color: #FFFFFF;
 border: 1px solid #BCBCBC;
 width: 350px;
 }

#webportalLayer div.listenDiv {
 border: 1px solid #BCBCBC;
 padding-left: 10px;
}

#webportalLayer a.closeButton {
 float: right;
}

#webportalLayer p.hint {
background: transparent url("res/de/buttons/small/yellow_exclamationmark.gif") top left no-repeat;
padding-left: 20px;
}

#webportalLayerShadow {
 position: absolute;
 z-index: 199;
 left: 524px;
 top: 384px;
 background-color: #616161;
}

#webportalErrorLayer {
 padding: 20px 20px 10px 20px;
 position: absolute;
 left: 50px;
 top: 170px;
 z-index: 40000;
 color: #000000;
 background-color: #FFFFFF;
 border: 1px solid #BCBCBC;
 width: 350px;
}

#webportalErrorLayer div.listenDiv {
 border: 1px solid #BCBCBC;
 padding-left: 10px;
}

#webportalErrorLayer a.closeButton {
 float: right;
}

#webportalErrorLayer p.hint {
background: transparent url("res/de/buttons/small/yellow_exclamationmark.gif") top left no-repeat;
padding-left: 20px;
}

#webportalErrorLayerShadow {
 position: absolute;
 z-index: 199;
 left: 524px;
 top: 384px;
 background-color: #616161;
 width: 320px;
 height: 306px;
}
#WebportalForm .orderHead { 
  background-attachment:initial;
  background-clip:initial;
  background-image:initial;
  background-origin:initial;
  background-position:initial initial;
  background-repeat:initial initial;
  color:#FFFFFF;
  font-weight:bold;
  overflow-x:hidden;
  overflow-y:hidden;
  padding-bottom:8px;
  padding-left:11px;
  padding-right:11px;
  padding-top:8px;
  text-align:left;
}

#WebportalForm .btn {margin:1px 0 0 0;}
#WebportalForm .subTitle {padding:9px 0; margin:0; font-size:1.4em; color:#fff; line-height:1; float:left;}
#WebportalForm .largeBtnTransparent{
  background-color:transparent;
  background-position:-756px -148px;
  background-repeat:no-repeat no-repeat;
  border-bottom-style:none;
  border-color:initial;
  border-left-style:none;
  border-right-style:none;
  border-top-style:none;
  border-width:initial;
  color:#000000;
  cursor:pointer;
  font-size:90%;
  font-weight:bold;
  height:28px;
  line-height:1;
  padding-bottom:0;
  padding-left:11px;
  padding-right:0;
  padding-top:0;
  text-align:left;
  vertical-align:top;
  width:185px;
  float:right;
}

#WebportalForm .smallBtnTransparent{
  background-color:transparent;
  background-position:-245px -120px;
  background-repeat:no-repeat no-repeat;
  border-bottom-style:none;
  border-color:initial;
  border-left-style:none;
  border-right-style:none;
  border-top-style:none;
  border-width:initial;
  color:#000000;
  cursor:pointer;
  font-size:90%;
  font-weight:bold;
  height:28px;
  line-height:1;
  padding-bottom:0;
  padding-left:11px;
  padding-right:0;
  padding-top:0;
  text-align:left;
  vertical-align:top;
  width:105px;
  float:right;
}

#WebportalForm .regBack {
    background-position: -165px -206px;
    float: left;
    height: 28px;
    width: 76px;
}

#WebportalForm .submitLink {
   color: #000000;
   background-color: none;
   text-decoration: underline;
   border: none;
   cursor: pointer;
   cursor: hand;
   margin-top: 0.9em;
   padding: 0;
   background:none;
   width: 80px;
   text-align:left;
  }
  
#WebportalForm a.btn {
    display: block;
    height: 20px;
    margin: 0;
    padding: 8px 0 0 11px;
    text-decoration: none;
}

#WebportalForm .btn{
    background-color: transparent;
    border: medium none;
    color: #000000;
    cursor: pointer;
    font-size: 90%;
    font-weight: bold;
    height: 28px;
    line-height: 1;
    margin: 10px 0;
    padding: 0 0 0 11px;
    text-align: left;
    vertical-align: top;
}
/**
TOOLTIP Funktionalität für Webportal
*/
a.tooltip {
	position: relative;
	color: #BCBCBC;
}

a.tooltip span {
	display: none;
	position: absolute;
	top: 20px;
	left: -10px;
	padding: 25px;
	z-index: 100;
	background: #008EDA;
	color: #fff;
	width: 150px;
	-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
}

a:hover.tooltip {
	font-size: 99%; /* this is just for IE */
}

a:hover.tooltip span {
	display: block;
}

/**
-------------------------------------------------------------
 für Artikellste-c (Galerieansicht)
------------------------------------------------------------- */

/*
.galerieImage {
	width: 155px;
	height: 150px;
}
*/


span.bolder{
font-size: 11px;
font-weight: bold;
}

.paging ul {
	float:right;
	margin: 0px;
}

.paging li {
	float:left;
	padding-right:5px;
}


/* Styles für Tabellen ühnlich Warenkorb wie z.B. Bestellübersicht, Kontakt*/

		.articledefRight {
			float: right;
			width: 112px;
		}

		td.borderRight {
			border-left: none  !important;
			border-top: none  !important;
			border-bottom: none  !important;
		}

td.borderLeft {
	border-right: none !important;
}

/* Produktvergleich */

#productcompare .header {
	position: fixed;
	background: transparent url('/images/default/default/panel/popup_bg_tile.gif') repeat-x right top;
	height: 90px;
	width: 100%;
}

#productcompare h1 {
	background: transparent url('/images/default/default/panel/popup_bg_right.gif') no-repeat right top;
	padding: 45px 20px 10px 12px;
	height: 35px;
}

#productcompare .box {
	padding: 102px 12px 12px 12px;
}

* html #productcompare div.box {
	padding: 12px;
}

#productcompare .tableborder {
	table-layout: auto;
	width: auto;
}

#productcompare .tableborder td {
	padding: 7px 9px 8px 9px;
}

#productcompare .cockpit {
	width: 190px;
}

#productcompare .cockpit td {
	background: #BCBCBC;
	border-bottom: 1px solid white;
	padding: 10px;
}

/**
-------------------------------------------------------------
	Tabs für Markensuche
------------------------------------------------------------- */
ul.brandNavigation {
	width: 589px;
	list-style: none;
	margin: 0;
	padding: 0;
	border-right: 1px solid #BCBCBC;
	overflow: hidden;
}

ul.brandNavigation li {
	float: left;
}

ul.brandNavigation a,
ul.brandNavigation span {
	display: block;
	border: 1px solid #BCBCBC;
	border-right: 0px;
	padding: 4px 1px 4px 6px;
	display: block;
	width: 15px;
}

ul.brandNavigation a.long,
ul.brandNavigation span.long {
	width: 22px;
}

ul.brandNavigation a {
	background-color: #E6E6E6;
}

ul.brandNavigation a.active,
ul.brandNavigation span {
	color: #0098DD;
	font-weight: bold;
	background-color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

/**
-------------------------------------------------------------
	DVD-Finder
------------------------------------------------------------- */

ul.finderNav {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-right: 1px solid #BCBCBC;
}

ul.finderNav li {
	float: left;
	margin: 0;
	padding: 0;
}

ul.finderNav a {
	border: 1px solid #BCBCBC;
	border-right: 0;
	border-left: 1px solid #BCBCBC;
	padding: 4px 1px 4px 6px;
	display: block;
	width: 286px;
	background-color: #E6E6E6;
	text-decoration: none;
}

ul.finderNav a.active {
	color: #0098DD;
	font-weight: bold;
	background-color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	width: 287px;
}

/**
-------------------------------------------------------------
	Styles für übersichtsseite Mein Konto
------------------------------------------------------------- */


#overview {
	overflow: hidden;
}

#overview .inner {
	padding-top: 16px !important;
	height: 53px;
	line-height: 1.4em;
}


#orders #orderSummary td {
	padding: 6px 8px 4px 8px !important;
}

#summary tr.content td {
  border-bottom: 0;
  padding-top: 16px;
}

#summary tr.edit td {
  text-align: right;
  padding: 0 20px 16px 0;
}

#summary table.editLogin {
  margin-bottom: 10px;
}

#summary table.editLogin td.first {
  width: 320px;
  padding-bottom: 16px;
}

/**
-------------------------------------------------------------
	FAQ - Liste
------------------------------------------------------------- */
.faqlist {
	position: relative;
}
.faqlist ul{
	margin: 15px 0px 25px 0px;
	padding: 0px;
}

.faqlist li{
	margin: 5px 0 5px 0;
}

.faqlist ul div{
	margin-top: 15px;
	background-color: #e6e6e6;
	border: 1px solid #bcbcbc;
	padding: 12px 8px 12px 8px;
}

.faqlist span{
	text-decoration: underline;
	cursor: pointer;
}


#killSelectElement,
.hiddenFrame {
	position:absolute;
	z-index:-1;
	top:0px;
	left:0;
	background:white;
	border:none;
	padding:0;
	margin:0;
	line-height:0;
	font-size:0;
	display:none;
	width:159px;
}

.hiddenFrame {
	width: 180px;
	display: block;
	background: transparent;
}


/* Tabs */
.tabs {
	clear: both;
	overflow: hidden;
}

.tabs, .tabs li {
	margin:0;
	padding:0;
}

.tabs li {
	float:left;
	height:31px;
	display: inline;
	line-height: 31px;
	position: relative;
}

.tabs li a {
/*	background-position:top;
	background: left top no-repeat; */
	text-indent: -999em;
	display: block;
	height: 31px;
	outline: 0;
	padding:0;
  /* Positionierung um zu verhindern, dass
     Illustrationsgrafiken die Navigation Ã?berdecken. */
}


/* Styles für Spans im im Reiter */
.tabs li.text a span, .tabs li.textlang a span {
	position:relative;
	top:4px;
	text-indent: 1em;
	color:#FFE600;
	display:block;
}
.tabs li a:hover span, .tabs li.active a span {
	color:#0098DD;
}

.tabs li.inactive a span {
	color:#616161;
}

.tabs li.text.active a span, .tabs li.textlang.active a span  {
	top:-4px;
}
.tabs li.text a span {
	left:80px;
}
.tabs li.textlang a span {
	left:150px;
}


/* Positionierung Hover/Active */
.tabs li.active a, .tabs li.active a:hover {
  background-position: left -31px ;
}
.tabs li a:hover {
  background-position: left bottom ;
}




/* Angebot der Woche */
.tabs.angebot li, .tabs.angebot li a {
	width: 263px;
	text-decoration:none
}
.tabs.angebot li.last, .tabs.angebot li.last a {
	width: 264px;
}



/*
	Paging/Filter Leiste
*/
.mod-paging {
	margin-top:20px;
	padding-top:4px;
	height:24px;
	width:100%;
	border:1px solid #D4D4D4;
	background: #F0F0F0;
}

.mod-paging .sites {
	float:right;
	margin:0 0 0 45px;
	padding:3px 0 0 0;
}

.mod-paging .sites li {
	float:left;
	margin:0;
	padding:0 4px;
}

.mod-paging .ratespersite {
	float:right;
	margin:0 0 0 45px;
}

.mod-paging .text {
	float:left;
	padding: 3px 11px 0 11px;;
}
.sortDirection {
	float:left;
	margin:0 0 0 20px;
}


/*
	AddToCart Bereich
*/
.addToCart .quantity {
	float:left;
	height:25px;
	padding-top:5px;
	margin-bottom:10px;
}
.addToCart input {
	vertical-align:middle;
	margin-left:15px;
}
.addToCart input.checkbox {
	vertical-align:middle;
	margin-left:0px;
}

.addCart input.image {
	margin-top: 10px;
}

/** Errors **/
#ErrorVariationSize {
	 background: #FFFAE6;
	 border: 1px solid #AEAEAE;
	 padding-left: 10px;
	 padding-bottom: 10px;
}


.jsAdvise {
	border:1px solid red;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	margin-bottom:20px;
	width:548px;
}


.box object {
	padding:0;
	margin:0;
}


/* Lightbox */
/* -------------------------------------------------------------------
	=lightbox
 ------------------------------------------------------------------ */
#lightbox-overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100000;
	height: 500px;
	width: 100%;
	background-color: #fbf9f6;
	text-align:center;
}

#lightbox{
	position: relative;
	top: 345px;
	/*margin: auto;*/
	z-index: 100001;
}

#lightbox-wrap {
	z-index: 100000;
	position: relative;
	width: 972px;
	margin: 0 auto;
	text-align: center;
}


/* Topoffer (Checkorder)*/

#content #topoffer { margin-bottom: 7px; }
#topoffer div div { float: left; }
#topoffer div { overflow: hidden; }
#topoffer .image { width: 120px; text-align: center; }
#topoffer .description { width: 286px; font-weight: bold; margin-top: 7px;}
#topoffer .number { width: 40px; text-align: right; margin-top: 7px; }
#topoffer .price { width: 142px; text-align: right; font-weight: bold; font-size: 1.8em; line-height: 20px; }
#topoffer .price small { font-size: 0.6em; }
#topoffer .check { width: 166px; text-align: right; font-weight: bold; margin-top: 6px; }
#topoffer .footer { background-color: #E6E6E6; text-align: right;}
#topoffer input { border: 0; margin: 0; }

#topoffer .tableborder {
	margin: 0;
	padding: 0;
}

#topoffer .tableborder td {
	border-left: none;
	border-right: none;
	padding: 15px 0 9px 9px;
}

#topoffer .tableborder td.image {
	width: 108px;
	border-left: 1px solid #BCBCBC;
	text-align:center;
	padding-top: 9px;
}
#topoffer .tableborder td.description {
	width: 268px;
	font-weight: bold;
}
#topoffer .tableborder td.number {
	text-align: right;
	width: 40px;
	padding-right: 5px;
}
#topoffer .tableborder td.price {
	text-align: right;
	width: 125px;
	text-align: right;
	font-weight: bold;
	font-size: 1.8em;
	line-height: 20px;
	padding-top: 9px;
}
#topoffer .tableborder td.price small {
	font-size: 0.6em;
}
#topoffer .tableborder td.check {
	width: 140px;
	border-right: 1px solid #BCBCBC;
	text-align: right;
	font-weight: bold;
	padding-right: 26px;
}



.textblock {
	margin-bottom: 19px;
}

.absoluteRight {
	text-align: right;
	right: 0;
	position: absolute;
	z-index:999;
}

table.tableborder {
	margin: 0;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

/**
	FF Grössenkorrektur für Overlap
*/
table.tableborder,
table.tableborder.small {
	width:590px;
}
table.tableborder.small:-moz-last-node,
body:-moz-last-node table.tableborder {
	width:589px;
}
#full table.tableborder,
table.tableborder.big {
	width:790px;
}
table.tableborder.big:-moz-last-node,
#full:-moz-last-node table.tableborder {
	width:789px;
}


:root table.tableborder {
	margin-left: 1px;
	margin-bottom: 2px;
}

:root table.tableborder.new {
	margin-left: 0px;
	margin-bottom: 2px;
}

table.tableborder table td {
	border: 0;
	padding: 0;
}

table.tableborder.new th {
	background-color: #CCC;
	text-align: left;
	padding: 5px 9px;
	margin: 0;
	border: 0px;
	font-size:120% !important;
}

table.tableborder.new th.last {
	border-right: 1px solid #CCC;
}

table.tableborder td {
	border: 1px solid #BCBCBC;
	border-top: 0;
	padding: 9px;
	margin: 0;
	vertical-align: top;
	line-height: 1.3em;
}

table.tableborder tr.first td {
  padding: 18px 9px 9px 9px;
}

table.tableborder td p {
	margin: 0 0 8px 0;
}

table.tableborder tr.fatbottomborder td {
	border-bottom: 4px solid #BCBCBC;
}

table.tableborder tr.last td {
	border-top: 4px solid #BCBCBC;
}

table.tableborder tr.fattopborder td {
	border-top: 4px solid #BCBCBC;
}

.insideLayer div.box ,
#content div.box {
	width: 100%;
}

.insideLayer div.box .inner,
#content div.box .innerFullBorderDark,
#content div.box .innerFullBorder,
#innerContent div.box .inner,
#content div.box .inner {
	border: 1px solid #BCBCBC;
	padding: 8px 10px 9px 9px;
	margin: 0;
	clear: both;
	overflow: hidden;
}

.insideLayer div.box_checkorder_black .inner,
#content div.box_checkorder_black .innerFullBorderDark,
#content div.box_checkorder_black .innerFullBorder,
#innerContent div.box_checkorder_black .inner,
#content div.box_checkorder_black .inner {
	color: black;
	border: 1px solid #BCBCBC;
	padding: 8px 10px 9px 9px;
	margin: 0;
	clear: both;
	overflow: hidden;
}

.insideLayer div.box .inner,
#content div.box .inner,
#innerContent div.box .inner {
	border-top: 0;
}

#content div.box .innerFullBorderDark {
	background: none #E6E6E6;
}


.insideLayer div.box .inner ul.none,
.insideLayer div.box .inner ul.none li,
#content div.box .inner ul.none,
#content div.box .inner ul.none li,
#content div.box .inner ul {
	margin: 0;
	padding: 0;
	background: none;
}

#content div.box .inner ul.list li {
	background: white url('/images/default/default/subnav/bullet.gif') no-repeat left 5px;
	padding: 0 0 5px 10px;
}

#content div.box .secondColumn .inner {
	border-left:none;
}

#content div.box .inner img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
}

#content div.box div.first {
	padding-top: 18px;
}

#content .box h2 img {
  margin-top: 1px;
  margin-bottom: 1px;
}


td.right {
	text-align: right;
}
td.center {
	text-align: center;
}

.formfield {
	float: left;
	padding: 0 10px 0 0;
	overflow: hidden;
	}
.formlabel {
	float: left;
	padding: 0 10px 0 0;
	overflow: hidden;
		}

.formfield p, .formlabel p {
	margin: 0 0 6px 0 !important;
}



ul.none,
ul.none li {
	margin: 0;
	padding: 0;
}

/* These are standard sIFR styles... Flash-Schriften do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}


/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash #content h2 {
	padding: 4px 10px;
}

.sIFR-hasFlash #content h2 span {
	visibility: hidden;
	clear: none;
}

span.sIFR-alternate {
	position: absolute;
	overflow: hidden;
}



/* Elemente mit Icons zum Drucken, Versenden*/


a.print {
	background: transparent url(/images/default/default/icons/print.gif) no-repeat;
	padding-left: 20px;
}

a.trash {
	background: transparent url(/images/default/default/icons/trash.gif) no-repeat;
	padding-left: 20px;
}

a.recomment,
a.send {
	/*background: transparent url(/images/default/default/icons/send.gif) left 2px no-repeat;
	padding-left: 20px;*/
}

a.shoppinglist {
	/*background: transparent url(/images/default/default/icons/shoppinglist.gif) left 1px no-repeat;*/
	/*padding-left: 20px;*/
	float:left;
	padding-right:17px;
}

a.wishlist {
	float:left;
	padding-right:10px;
}

a.compare {
	/*background: transparent url(/images/default/default/icons/contrast.gif) no-repeat;*/
	/*padding-left: 20px;*/
}

a.close {
	background: transparent url(/images/default/default/icons/close.gif) left 2px no-repeat;
	padding-left: 16px;
}

/**
	Crossellings inkl.
	* Notwendiges Zubehör
	* Optionales Zubehör
	* Empfohlene Artikel
**/
#crossselling table {
	margin: 0;
	width: 580px;
}

#crossselling td {
	border: 1px solid #D5D5D5;
	border-top: 0;
	padding: 20px 19px 10px 19px;
}

#crossselling table tbody tr td.none {
	border: none;
}

#crossselling td.quaterly {
	width:25% !important;
	vertical-align: top;
}

#crossselling table tbody.similar th {
	border: 1px solid #BDBDBD;
	border-top: 0;
	padding:10px 0px;
}

#crossselling table tbody.similar td {
	border:1px solid #BDBDBD;
	vertical-align:top;
	padding: 8px 10px;
}

#crossselling table tbody.similar td input.image {
	margin:0;
	margin-top:-5px;
	margin-right: 40px;
	padding:0;
	float:right;
	vertical-align:top;
}

#crossselling table tbody.similar td.description {
	width: 144px;
}

#crossselling table tbody.similar td.price {
	text-align:right;
	padding-right:16px;
	width: 69px;
}

#crossselling table tbody.similar td.add {
	width: 155px;
}

#crossselling table tbody.similar td.add div {
	margin-top:3px;
}
.discountcalc {
	margin-left:3px;
}


#crossselling .rechtstext {
	margin-bottom: 0 !important;
}
#crossselling .discount img {
	vertical-align:top;
}

/* Mengenrabatt Tabelle */
#crossselling .discount{
 left: 50%;
 margin-left: -191px;
 position: fixed !important;
 top: 200px;
 width: 382px;
}

/* Anzeige Sie sparen...  */
#crossselling .discount2 {
	top:-165px;
	left:340px;
	width: 382px;
}

#crossselling .discount .closeButton {
	float:right;
}
#crossselling .discount table {
	width:340px;
	margin-bottom:5px;
}
#crossselling .discount table thead th {
	background-color: #E6E6E7;
	padding:4px 10px;
	border: 1px solid #d5d5d5;
}
#crossselling .discount table td, #crossselling .discount table tbody th {
	text-align:left;
	font-weight:normal;
	padding:4px 10px;
	border: 1px solid #d5d5d5;
}
#crossselling .discount table  tfoot td {
	text-align:right;
	border:none;
}
#crossselling .discount .floatRight.rechtstext {
	margin-right:23px;
}

/** Crossselling auf der Produktdetailansicht **/
#crossselling div.product  {
	overflow: hidden;
}
/** Container für ie6 aufspannen -> hasLayout setzen **/
* html #crossselling div.product  {
	height: 1%;
}

#crossselling div.product div {
	float: left;
}
#crossselling div.product div div {
	float:none;
}
#crossselling div.product div.productImage {
	margin-right: 10px;
}
#crossselling tbody.recommended div.product div.productImage {
	float: none;
	padding-bottom: 5px;
}

#crossselling .halfcolumns div.product .productText {
	width: 200px;
}

#popup #crossselling .halfcolumns div.product .productText {
	width: 105px;
}

#popup #crossselling .recommended .product .productText,
#crossselling .recommended .product .productText  {
	width:164px;
	margin-top:6px;
}

#crossselling div.product .productText div.productName {
	margin-bottom:3px;
}

#crossselling div.product div.productText .artNr {
	margin-bottom:4px;
}
#crossselling div.product div.productText .price {
	font-size:1.0em;
	margin-bottom:3px;
}

#crossselling table.recommended tr td {
	padding: 0 19px 0 10px;
	border: 0;
}

#crossselling table.recommended .price {
	font-size: 1.8em !important;
}

#crossselling:-moz-last-node table {
	margin-left:1px !important;
	width:789px !important;
}

#popup #crossselling:-moz-last-node table {
	margin-left:1px !important;
	width:609px !important;
}

#feedback #crossselling:-moz-last-node table {
	margin-left:1px !important;
	width:589px !important;
}




/* correct the sizes for feedback site */
#feedback #crossselling tbody.recommended tr td {
	padding: 10px 10px 19px 10px !important;
}
#feedback #crossselling tbody.recommended tr td {
	border-left:none;
	border-right:none;
}
#feedback #crossselling tbody.recommended tr td.first {
	border-left: 1px solid #d5d5d5;
}
#feedback #crossselling tbody.recommended tr td.last {
	border-right: 1px solid #d5d5d5;
}
/* / correct the sizes for feedback site */

#crossselling tbody.recommended div.product div.productText {
	width:108px;
}
#crossselling tbody.recommended div.product div.productText .artNr {
	margin-bottom:7px;
}
#crossselling tbody.recommended div.product div.productText .price {
	font-size:1.8em;
}

#crossselling div.product div.floatRight {
	float:right;
}


#crossselling div.product form input.image {
	margin-top:10px;
	padding:0;
}


#feedback #crossselling .halfcolumns div.product .productText {
	width: 120px;
}

* html #feedback #crossselling .halfcolumns div.product .productText {
	width: 100px;
}

#crossselling {
	border-collapse:separate ;
	border-style:none;
	border-width:0;
}

.articlelist:-moz-last-node {
	width: 789px;
	margin-left:1px;
}

.box:-moz-last-node table {
	/*width: 789px;*/
	padding-left:1px;
}

#crossselling table {
	border-collapse:collapse;
	border-style:none;
}

#content #moreSearch div.box .inner {
	padding-top: 20px;
	height:100px;
}

#crossselling #aehnlicheartikel table {
	table-layout: auto;
}

#crossselling #aehnlicheartikel td {
	padding: 5px 10px;
}
#crossselling #aehnlicheartikel .head td {
	padding: 9px 10px;
}

#crossselling #aehnlicheartikel td.price {
	font-size:1em;
	font-weight:normal;
}

#crossselling #aehnlicheartikel .add div.floatLeft {
	margin-top:6px;
}

#crossselling #aehnlicheartikel .add .image {
	margin-top:0;
 	margin-left:10px;
}

#crossselling #aehnlicheartikel ul {
	padding-top: 0;
}
	
table#repair tr td {
	padding-bottom:7px !important;
}

.recycle {
	margin-top: 5px;
}

.recycle img {
	margin-top: 2px;
}

.warranty {
	margin: 0 0 10px 0;
}

.warranty table td {
	border: 0 !important;
}

.warranty .checkbox {
	margin: 0 5px 0 0;
}

.addToShoppinglist {
	padding-top: 10px;
}

table.hinweistext {
	margin-bottom: 20px;
}

table.hinweistext td {
	padding: 9px;
	border: 1px solid #BCBCBC ;
}

/**
	Direktbestellung
**/

#directOrder td {
	vertical-align: middle;
	height: 50px;
	padding: 0 10px;
}




iframe {
	margin:0;
	padding:0;
	border:none;
}



/*
	Btreiten für Category Spalte
*/
li.level2 {
	width: 155px  !important;
}
li.level3 {
	width: 155px  !important;
}

li.level2 li.level3 {
	width: 135px !important;
}


/* Abstände der li's im kontaktformular */
#content #contact div.box ul.none li {
	margin-bottom:12px;
}


#DirectOrderForm div.box tr.similarproduct td {
	padding: 1px 9px;
}
#DirectOrderForm div.box tr.innerrow td {
	border-bottom:0;
}

#DirectOrderForm div.box tr.innerrow td p {
	margin-bottom:2px;
}
#DirectOrderForm div.box td p.innercell {
	margin-left:20px;
}

/* Warenkorb */
#cartTable td {
	padding-top:18px;
}
#cartTable .essential td {
	padding-top:12px;
}



/* Angebote */
#content #offers .box {
	width:390px;
	height:460px;
	float:left;
	margin-bottom:20px;
}
#offers .box .inner {
	height:413px;
}
#offers .box h2 label,
#offers .box h2 label a {
	color:#BCBCBC;
	font-weight:normal;
}
#offers .box h2 label {
	float:right;
}
#offers .productblock,
#offers .priceblock {
	float: left;
	padding-top:10px;
}

#offers .productblock {
	width: 175px;
}
#offers .priceblock {
	width: 143px;
}
#offers .detailblock {
	width: 358px;
	margin-top: 10px;
}

#offers .specials {
	text-align:left;
	height:11px;
	padding:4px 9px 3px 9px;
	border: 1px solid #bcbcbc;
	border-top:none;
}

#offers .specials img {
	margin-right:5px;
}

#contact_technical_second table tr td {
	padding-bottom:3px;
}

#InfoCenter {
	position:absolute;
	top:100px;
	left:100px;
	width:670px;
	height:490px;
	z-index:10001;
	background:url(/images/default/default/panel/shadow.gif) 2px 2px no-repeat;
}

#popup #InfoCenter {
	width: 578px;
	top: 0px;
	left: 25px !important;
	height: 390px;
}

div#notepad {
	margin-bottom: 0.7em !important;
}
#notepad .tableborder tr td {
	padding-top:18px;
}
#notepad .tableborder tr td.first {
	padding-top:9px !important;
}

#notepad table.form td {
	vertical-align: middle;
	padding-top:8px !important;
	padding-bottom:8px !important;
}
#notepad table.form td input {
	padding:0 !important;
	margin:0 !important;
	vertical-align:top !important;

}

#notepad .sendNotepad {
	float:right;
	margin:0 10px 0 20px !important;
}


/* CMS Content */
#cms {
  position: relative;
}

#cms h2 {
	margin: 0 0 8px 0 !important;
	padding: 0 !important;
	font-size: 1.1em;
}

#cms h3 {
	margin: 0 0 8px 0 !important;
	padding: 0 !important;
	font-size: 1.0em;
}

#cms ul {
	margin: 0 0 17px 0;
}

#cms ul li {
	background: white url('/images/default/default/icons/li-small.gif') no-repeat left 6px;
	padding: 2px 0 2px 9px;
}

#cms .dropdown .list ul li {
	background: none;
	border-bottom: 1px solid #9f9f9f;
	padding: 0;
}
.inputError {
	color: #f00;
}





/**
	Dropdown-Layer
*/
.dropdown {
}
.dropdown .dropdowninner {
	z-index:inherit
}
.dropdown .handle {
	text-align: left;
	position:relative;
	border: 1px solid #9F9F9F;
	background: #E6E6E6 url(/images/default/default/panel/butt_down.gif) right no-repeat;
}

#searchResult .paging .handle {
	height: 15px;
}

.brandSearchHeadline  {
	color:#0098DD;	
}

body:-moz-last-node .dropdown .handle {
	padding-right:25px;
}
.dropdown .handle a {
	display: block;
	text-decoration:none;
	padding: 2px 0px 2px 6px;
	color: black !important;
}

.dropdown .list {
	position: absolute;
	padding: 0;
	z-index: 400;
	/*width:100%;*/
	/*border:1px solid red;*/
}
.dropdown .list ul,
.dropdown .list ul li {
	margin:0;
	padding:0;
	border: 1px solid #9F9F9F;
	border-bottom: none;
}
.dropdown .list ul {
	overflow:auto;
	width:100%;
}
.dropdown .list ul li {
	border:none;
	border-bottom: 1px solid #9F9F9F;
	background: #fff;
}
.dropdown .list ul li a,
.dropdown .list ul li a.inactiv:hover {
	text-decoration:none;
	display:block;
	padding: 3px 19px 3px 6px;
	background: #D5D5D5;
	color:black !important;
}

/* Fixes FF 1px dotted border in active Elements */
.dropdown .list ul li a:active,
.dropdown .list ul li a:focus {
	outline-offset: -1px !important;
}


/* Inaktives Element (0 Elemente) */
.dropdown .list ul li a.inactiv {
	color: #000; /*TODO*/
	cursor: default;
}

/* aktives gehovertes Element (x Elemente != 0) */
.dropdown .list ul li a:hover {
	background: #FFF;
}

/* Podcast */
.podcast .dropdown .handle {
	border-left:none;
	border:none;
	background: #FFF url(/images/default/default/panel/butt_down.gif) 130px center no-repeat;
}
.podcast .dropdown .handle a {
	padding:6px 19px 6px 9px;
}
.podcast .dropdown .list {
	margin-left:-1px;
}
.podcast .dropdown .list ul li a {
	background: #FFF;
}
.podcast .dropdown .list ul li a:hover {
	background: #D5D5D5;
}
/* Pagination */
body:-moz-last-node .paging .dropdown .list {
	margin-left:2px;
}

.paging .dropdown .list ul li,
.sort .dropdown .list ul li {
	float:none;
}

/* Sondermaße */
.w120 .list {
	width: 118px;
}
.w180 .list {
	width: 178px;
}
.w190 .list {
	width: 188px;
}

.w170 .list {
	width: 168px;
}


.finder-filter .dropdown {
	width: 270px;
}
.finder-filter .dropdown .list {
	width: 268px;
}


.bottom-up {
	float: right;
	padding: 5px 10px;
}

.bottom-up a {
	color: #fff !important;
}


#brandList .inner {
	padding-top:15px;
	padding-bottom:15px;
}

#brandList .inner table td {
	text-align:left;
	padding:15px 10px 25px 10px;
	border-right:1px solid #BCBCBC;
}
#brandList .inner table td.last {
	border-right:none;
}

#B2BForm .titels td select {
	width:50px;
}
#B2BFormAT #mc_sbox_b2bAcademicTitle{
	width:215px;	
}
#B2CForm .titleBoxAT{
	margin-bottom:8px;	
}

#dialoglinks p {
	margin: 0 0 7px 0;
}
a.shoppinglist {
	padding-right: 17px;
}

#productdetail .addToCart,
#ProductLayer .addToCart  {
	margin: 20px 0 10px 0;
}

#productdetail .addToCart input,
#ProductLayer .addToCart input {
	margin: 0;
}

#productdetail .addToCart input.number,
#ProductLayer .addToCart input.number {
	width: 20px;
	text-align: right;
	height: 13px;
	margin: 0 1px 0 0;
}

#productdetail .quantity,
#ProductLayer .quantity {
	margin: 5px 5px 0 0;
	padding: 0;
}
#productdetail .rating .text,
#productdetail .availability .text,
#ProductLayer .rating .text,
#ProductLayer .availability .text {
	width: 110px;
	display: block;
	float: left;
}

#productdetail .rating p,
#productdetail .availability p,
#ProductLayer .rating p,
#ProductLayer .availability p {
	margin: 0 0 7px 0;
}

/* AGB Extension */
.agbextension {
	margin-bottom: 2em;
	float: right;
	width: 540px;
	text-align: right;
}
.agbextension p {
	margin: 0 0 0.5em 0;
}


/** Cart - Warenkorbansicht bis Bestellbestätigung **/
td#priceSummery {
	border: 0;
	padding: 0;
}

td#priceSummery table {
	width: 100%;
	margin: 0 0 20px 0;
}

td#priceSummery td {
	border: 1px solid #BCBCBC;
	border-left: 0;
	border-top: 0;
	padding: 3px 10px;
	vertical-align: bottom;
}

td#priceSummery td.twoCols {
	border-right: 0;
	padding-right: 23px;
}

td#priceSummery table tr.last td {
	border-top: 4px solid #BCBCBC;
	padding: 10px 17px 10px 10px;
}

td#priceSummery .nextstep {
	padding-left: 10px;
}

/* Recycling */
img.recycling {
	vertical-align: top; float: left;margin-bottom: 6px;margin-right: 3px;
}
div.recyclingContent {
	float: left; width: 75px;
}

/* Chainstore */
#chainstoreReservation div.box table tr td {
	padding-bottom: 4px;
}
#chainstoreReservation div.box table tr.first td {
	padding-bottom: 8px;
	padding-top: 8px;
}
#chainstoreReservation #ChainstoreReservationCustomerForm div.inner {
	padding-left: 8px;
	padding-right: 8px;
}

#chainstoreReservation table.tableborder {
	margin-bottom: 20px;
}

/* CC-Prozess */
#extForm input.submit {
	border: 1px solid black;
	background: #A0A0A0;
	padding: 3px; 
}
#extForm {
	margin-bottom: 20px;
}



/*  Finder Styles */
#finder .inner {
	padding: 0 !important;
}
#finder h6 {
	padding-left: 19px;
	margin: 20px 0 15px 0;
}
#finder tr.even td {
	background-color: #E6E6E6;
}
#finder .finder-filter {
	margin-bottom: 17px;
}
#finder .finder-filter .dropdown {
	margin-top: 9px;
}





/* Alarm-Finder */
#alarm-finder .box .inner .finderContent {
	margin-left: 19px;
}
#alarm-finder .box .inner .finderContent .hintbox {
	color: #D10510;
	margin-top: 18px;
	margin-bottom: 16px;
}
#dropdown-finder-alarm {
	margin-top: 18px;
	margin-bottom: 16px;
}
#alarm-finder .box .inner .finderContent .buttonList {
	margin: 10px 0 20px;
}

#alarm-finder .box .inner .finderContent .paddingRightCorner {
	margin-right: 18px
}
#yourGivenData1.tableborder th,
#yourGivenData2.tableborder th {
	border-right: 1px solid #000;
}
#yourGivenData .tableborder td {
	height: 11px;
}
#yourGivenData {
	border-top: 1px solid #EBEBEB;
	padding-bottom: 20px;
}
#yourGivenData #yourGivenData1 {
	width: 361px;
	margin: 20px 19px;
	display: inline;
}
#yourGivenData #yourGivenData2 {
	width: 371px;
	margin: 20px 0;
	display: inline;
}
#requiredArticle {
	margin-left: 19px;
}
#requiredArticle .tableborder {
	margin-top: 14px;
}


/* Akku Finder */

#accumulator-finder table td {
	width: 141px;
	padding: 0 5px 20px 4px;
	border-top: 1px solid #BDBDBD;
}
#accumulator-finder #groessen table td {
	width: 98px;
}
#accumulator-finder #groessen table td div {
	height: 24px;
}
#accumulator-finder table.first td {
	border-top: none;
}
#accumulator-finder table td.first {
	padding-left: 19px;
}
#accumulator-finder table td.last {
	padding-right: 19px;
}
#accumulator-finder table td div,
#CartridgeInkFinderBrand .inner div {
	background-color:#E6E6E6;
	border: 1px solid #9F9F9F; 
	padding: 4px 0 4px 9px;
	margin-top: 7px;
}

	
#accumulator-finder table td div .radio {
	margin-right: 5px;
}

#finder table#findcategory tr.second td {
	border-top: none;
}

#finder-akku-technical-properties {
	padding-top: 12px;
}

#finder-dvd input {
	border: 1px solid #9F9F9F;
	background: #E6E6E6 none;
	padding: 2px 5px;		
}
#finder-dvd input.image {
	border: none;
	background: none;
	padding: 0;
}

#finder-dvd div table.form td {
	padding: 4px 0 !important;
	vertical-align: middle;
}
#finder-dvd .small {
	width: 60px !important;
}
#finder-dvd .middle {
	width: 170px;
}
#finder-dvd .large {
	width: 320px;
}
#finder-dvd .small .list {
	width: 58px !important;
}
#finder-dvd .middle .list {
	width: 168px;
}
#finder-dvd .large .list {
	width: 318px;
}


#finder-dvd p {
	padding-top: 20px;
}

#finder-dvd table.form {
	margin-bottom: 20px; margin-left: 10px;width: 550px;
}

/* Erweiterte Suche */
#content #searchExt .box table.form td {
	padding-bottom: 8px !important;
	/*border: 1px solid lime;*/
}
#searchExt .box table.form td input,
#searchExt .box table.form td select {
	margin-top: 0 !important;
	vertical-align: top !important;
}

/* Headline Freundschaftswerbung */
#friendship th.bonusheadline {
	background-color: #000;
	text-align: left;
	/*padding: 0px 0px;*/
	margin: 0;
	border-top: 0;
	border-left: 1px solid black;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	font-size: 1.2em
}

/* horizontal Spacer for delivery-address*/
.hor-spacer {
	height: 1px;
	border-top: 1px solid #BCBCBC;
	width: 588px;
	margin: -5px 0 5px -25px;
}
#full .hor-spacer {
	width: 790px;
}
* html .hor-spacer { 
	width: 589px;
	position: absolute; 
}
* html #full .hor-spacer { 
	width: 791px;
	position: absolute; 
}
* html .layer {
	padding-right: 0;
}

/* RichRelevance Definitions*/

.rr_placement_h5{
	font-family: Arial,sans-serif;
	margin-bottom:15px;
	border:1px solid #BCBCBC !important;
	width:788px !important;
	overflow:hidden;
}

* html #normal .rr_placement_h5{
	display:none;
}

.rr_placement_h4{
	font-family: Arial,sans-serif;
	border:1px solid #BCBCBC !important;
	width:588px;
	margin-bottom:15px;
	overflow:hidden;
}

.rr_strategy_message_h{
	padding-left:10px;
	padding-bottom:3px !important;
	padding-top:5px !important;
	font: 12px Arial, sans-serif;
	font-weight:bold !important;
	letter-spacing:0.2px;
}

.rr_placement_h4 .rr_item_table_h{
	width:572px;
	margin:5px 5px 5px 15px;
}

.rr_placement_h5 .rr_item_table_h{
	width:772px !important;
	margin:5px 5px 5px 15px;
}

.rr_item_name_h5 {
	margin-top:10px;
	font-size:11px;
	font-weight:bold;
	width:156;
	margin-bottom:10px;
	word-wrap:break-word;
}

.rr_item_name_h4{
	margin-top:10px;
	font-size:11px;
	font-weight:bold;
	width:144px;
	margin-bottom:10px;
	word-wrap:break-word;
}

.rr_item_image_h5 img{
	border: 0px none;
	height: 100px;
	width: 100px;
	margin-bottom: 5px;
	display:block;
}

.rr_item_image_h4 img{
	border: 0px none;
	height: 100px;
	width: 100px;
	margin-bottom: 5px;
	display:block
}
	
.rr_item_price_h{
	font-weight:bold;
	color:#000000 !important;
	font-size:1.9em !important;
	text-decoration:none !important;
	margin:13px 5px 8px !important;
}
	
.rr_item_rating_h{
	margin:5px 5px 10px 5px;
}

.rr_item_subtext_h, .rr_item_subtext_h a {
	color:#616161 !important;
	font-size:10px;
	padding-bottom:8px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	width:100px;
	line-height: 1.2em !important;
	margin-left:6px;
}
#left #reco_category .rr_placement_v,
#reco_search .rr_placement_v{
	border-left:0px !important;
	border-right:0px !important;
	border-bottom: 1px solid #BCBCBC;
}

.rr_placement_v{
	border:1px solid #BCBCBC;
	width:178px !important;
	margin-bottom:20px !important;
	overflow:hidden;
}

.rr_strategy_message_v{
	text-align:centre;
	padding: 0px 7px 5px !important;
	padding-top:3px !important;
	padding-bottom: 3px !important;
	font: 12px Arial, sans-serif;
	font-weight:bold !important;
	letter-spacing: 0.2px;
}

.rr_item_table_v{
	width:163px;
	margin:5px 5px 5px 15px;
}
	
.rr_item_name_v{
	margin-top:1px;
	font-size:11px;
	font-weight:bold;
	font-color:black;
	width:120px;
	word-wrap:break-word;
}

.rr_item_td1_v .rr_item_image_v{
	height: 50px;
	width: 47px;
	overflow: hidden;
	padding-left: 5px;
}	

.rr_item_image_v img{
	border: 0px none;
	margin-bottom: 5px;
	display:block;
}
	
.rr_item_price_v{
	font-size:13px;
	font-weight:bold;
	margin:7px 0px 5px !important;
}
	
.rr_item_rating_v{
	margin: 0px 0px 10px !important;
}
	
.rr_item_name_h5, .rr_item_name_h4 {
	width: 120px;
}

.rr_item_subtext_v, .rr_item_subtext_v a {
	color:#616161 !important;
	font-size:10px;
	line-height:1em;
	padding-bottom:8px;
	padding-top:5px;
	padding-left:0px;
	padding-right:5px;
	width:100px;
}

.rr_items_container_v span.price{
	font-size:0.9em;
}

.rr_items_container_h span.price{
	font-size:0.9em;
}

.rr_item_td2_v{
	padding-left:7px;
}

.rr_item_td_h{
	border:0px !important;
}

.rr_items_container_v  del{
	display:block;
	margin-top:7px;
}

.rr_item_price_h  del{
	display:block;
	margin-top:12px;
}

.rr_placement_v .rr_divider{
	height:12px;
}

.rr_item_table_h{
	table-layout:fixed;
}	

.rr_items_container_h .rr_item_td_h{
	width: 132px;
}

.rr_placement_v del{
	color:#BCBCBC;
	margin-top:5px;
	display:block;		
}

#recommendation .inner{
	height:248px;	
}

#recommendation{
	position:relative;	
}

#recommendation ins{
	float:left;	
}

#recommendation del{
	color:#BCBCBC;
	margin-top:2px;
	display:block;
	font-size:13px;
	margin-left:70px;
}

#recommendation .name{
	font-size: 11px;
	font-weight: bold;
	margin: 10px 0px;
	width: 125px;	
	word-wrap: break-word;
	height:26px;
	overflow:hidden;
}

#recommendation .img{
	margin-bottom: 5px;	
	margin-left:7px;
	margin-top:16px;
}

#recommendation .price{
	margin: 0px 5px 8px;
	padding:35px 0px;	
}

#recommendation .rating{
    bottom: 10px;
    margin: 2px 5px;
    position: absolute;	
}

#recommendation .rechtstext{
	margin-left: 5px;
}

/* 
Für den Spezialteaser auf der Detailansicht oder im Suchergebnis muss der Abstand zur Überschrift angepasst werden.

*/

.actionTeaserDetail {
	margin-bottom: -30px;	
	padding-bottom: 10px;
}
.actionTeaserSearch {
	margin-bottom: 15px;	
}

.divTableRow {
	display: table-row;
}
.divTableCell {
	display: table-cell;
}
/* Form */
/* Cross-browser styling form elements */
.frmComponent {margin:0; padding:0; border:none;}
.frmComponent br {clear:left;}
.frmComponent fieldset {margin:0; border:none;}
.frmComponent legend {font-weight:bold; border:none; display:none;}

.frmComponent label {display:block; float:left; margin-top:.9em; padding:0; width:212px; font-weight:bold;}
.frmComponent label,
.frmComponent .submit {cursor:pointer;}
.frmComponent .rightLbl {width:auto; margin:0.7em 1em 0 .5em;}

.frmComponent input,
.frmComponent select,
.frmComponent textarea {width:222px; margin:.5em .5em 0 0; padding:0.3em; color:#000; font:12px Arial, sans-serif; float:left;}
.frmComponent input.checkbox {width:14px}
.frmComponent input.btnContinue {width:185px; float:right;}
.frmComponent select {height:27px; width:232px;}
.frmComponent textarea {height:100px;}
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {background:#ededed;}

/** bei der Contentpflege haeufig verwendete Styles, Ticket #4168
------------------------------------------------------------------- */
.hmc_block span.header {
	padding: 5px 10px 5px 10px;
	font-size: 18px;
	color: #ffe600;
	background-color: #000000;
}

.hmc_block ul#video_menue li {
	border-bottom: dotted 1px #bcbcbc;
	line-height: 22px;
}

.hmc_block ul#video_menue li a {
	text-decoration: none;
	display: block;
}

.hmc_block ul#video_menue li a:hover {
	background-color: #e6e6e6;
}

.hmc_block div.button_text_area {
	float: left;
	width: auto;
	height: 16px;
	line-height: 16px;
	padding: 5px 5px 5px 10px;
	border-top: solid 1px #fff8b3;
	border-bottom: solid 1px #d6c100;
	border-left: solid 1px #fff8b3;
	font-size: 12px; 
	vertical-align: middle;
	color: #000000;
	background-color: #ffe600;
}

.hmc_block div.button {
	margin-bottom: 20px;
}

.hmc_block div.button a {
	text-decoration: none;
	display: block;
}

.hmc_block div.button a:hover {
	text-decoration: none;
	display: block;
}

.hmc_block div.button_symbol {
	float: left;
	width: 12px;
	height: 16px;
	line-height: 16px;
	padding: 5px 10px 5px 0px;
	border-top: solid 1px #fff8b3;
	border-right: solid 1px #d6c100;
	border-bottom: solid 1px #d6c100;
	font-size: 16px;
	vertical-align: middle;
	color: #000000;
	background-color: #ffe600;
}  

.hmc_block a.interner_link {
	text-decoration: none;
}

.hmc_block a.interner_link:hover {
	text-decoration: underline;
}

.hmc_block span.externer_link a {
	text-decoration: none;
	color: #0098dd;
}

.hmc_block span.externer_link a:hover {
	text-decoration: underline;
}

.hmc_block span.nach_oben {
	float: right;
	padding-top: 4px;
	font-size: 10px;
}

.hmc_block table.c1_colored tr th.colored {
	background-color: #e6e6e6;
} 

.hmc_block div.spalten_header {
	line-height: 22px;
	padding: 5px 10px 5px 10px;
	font-size: 16px;
 	color: #ffffff;
 	background-color: #0098dd;
}
 			       
.hmc_block div.teaser_box {
	float: left;
	margin-bottom: 20px;
	border: solid 1px #bcbcbc; 
	line-height: 16px;
	font-size: 12px;
	text-align: left;
}

.hmc_block div.teaser_box ul {
	width: 158px;
	margin: 0px;
	padding: 0px 10px 0px 10px;
}

.hmc_block div.teaser_box ul li {
	margin-top: 20px;
	border-bottom: dotted 2px #bcbcbc;
}

.hmc_block div.teaser_box ul li span {
	line-height: 18px;
	font-size: 14px;
}

/* Wishlist auf der Detailanischt */
#wishListLayer{
	left:150px;
	top: 300px;
}

/* Kategoriebezogener Actionteaser auf Detailansicht */
#categoryActionTeaser img{
	vertical-align:top;
}



#wishListLayer table {
	width: 100%;
}

#wishListLayer table caption {
	background: none #e6e6e7;
	text-align: left;
	padding: 4px 9px;
	border: 1px solid #bcbcbc;
	border-bottom: 0;
}

#wishListLayer th {
	font-weight: normal;
	text-align: left;
	border-left: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
}

#wishListLayer td,
#wishListLayer th {
	padding: 4px 9px;
}


#wishListLayer td {
	border: 1px solid #bcbcbc !important;
}

#wishListLayer tfoot td {
	border: 0;
	text-align: right;
	color: #c5c5c5;
	font-size: 0.9em;
	padding: 4px 0;
}

#wishListLayer tfoot a {
	color: #c5c5c5;
}

 
 
 /* All available buttons for Class Summary */
#summary .btn {background-color: transparent; border: medium none; color: #000000; cursor: pointer; font-size: 90%; font-weight: bold; height: 28px; line-height: 1; margin: 10px 0; padding: 0 0 0 11px; text-align: left; vertical-align: top;}
#summary .smallBtn {width:105px; background-position:-245px -120px;}
#summary .cta {float:right;} /* call-to-action */
.icon,.staticHd,.btn,.multi,.base{background-image:url(../../../images/b2c/de/sprites/base.png);background-repeat:no-repeat;}

/* 2col Navigation */
#nav .twoCol div { width: 349px;}
#nav .twoCol div div { background-color: white; background-image: none; display: block;float: left; position: relative; width: 345px; border: 1px solid #A0AFB8;}
#nav .twoCol div div ul { border:none; padding:0px; margin:5px 0; width:170px;}
/* dotted */
#nav .twoCol div div ul.cat { border-right:1px dotted #A0AFB8; padding:0px; margin:5px 0;}

/* Error styles */
#normal .error {color:#ff3300; font-weight:bold;}
#normal input.error {color:#000; font-weight:normal; border-left:1px solid #f30; border-top:1px solid #f30; background-image:url(../../../images/default/default/panel/input-bg-error.png);}
#normal .errorMsg {color:#ff3300; border:1px solid #c4c4c4; padding:5px 5px 5px; margin-bottom:1em;}
#normal .errorMsg h2 {color:#ff3300; padding-left:5px;}
#normal .errorMsg p {padding:0px 5px 0px; }
#normal .warning {width:12px; height:12px; font-size:0; background-position:-744px -164px; display:block; text-indent:-9999em; margin:0 8px 0 0; overflow:hidden; float:left; position:relative; top:11px;}
#normal .example .warning {top:5px;}

/* START: FilialDetail Ticket #5058 */
#filialdetail .left { float: left; margin: 0; padding: 0 0 20px; width: 380px; }
#filialdetail .right { margin: 0; overflow: hidden; padding: 0 0 20px 70px; width: 340px; }
#filialdetail .mod-prodpager .sub-mask ul li div a { display: block; height: 100%; width: 100%;}
#filialdetail .mod-prodpager .sub-mask { float: left; height: 42px; overflow: hidden; padding: 0; position: relative; width: 328px; z-index: 1000;}
#filialdetail .mod-prodpager .sub-lft { background-position: 0 -1603px ; border-left: medium none;}
#filialImage {padding-bottom:10px; padding-left:0px; padding-right:0px; padding-top:10px;}
/* Benötigt für die Tabs mit Filialinformationen */
#filialdetail .tabs li a {text-decoration:none;  width:197px;}
#filialdetail .box ul {padding-bottom:5px; padding-left:0px; padding-right:0px; padding-top:10px;}
#filialdetail #tabnav { margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; overflow-x:hidden;  overflow-y:hidden;  padding-bottom:0;  padding-left:0;  padding-right:0;  padding-top:0;}
#filialdetail #tabbing .inner {padding: 20px;}
/* ENDE: FilialDetail Ticket #5058 */


/**
-------------------------------------------------------------
 START#5057 Modellbauclub - An-Abmeldung unter "mein Konto"
------------------------------------------------------------- */
#Modellbauclub .bigBtnTransparent, #modellbauclubConfirmationLayer .bigBtnTransparent{
  background-color:transparent;
  background-position:-756px -148px;
  background-repeat:no-repeat no-repeat;
  border-bottom-style:none;
  border-color:initial;
  border-left-style:none;
  border-right-style:none;
  border-top-style:none;
  border-width:initial;
  color:#000000;
  cursor:pointer;
  font-size:90%;
  font-weight:bold;
  height:28px;
  line-height:1;
  padding-bottom:0;
  padding-left:11px;
  padding-right:0;
  padding-top:0;
  text-align:left;
  vertical-align:top;
  width:185px;
  float:right;
}
#Modellbauclub .smallBtnTransparent, #modellbauclubConfirmationLayer .smallBtnTransparent{
    background-color: transparent;
    background-position: -245px -120px;
    border-style: none;
    color: #000000;
    cursor: pointer;
    float: right;
    font-size: 90%;
    font-weight: bold;
    height: 28px;
    line-height: 1;
    padding: 0 0 0 11px;
    text-align: left;
    vertical-align: top;
    width: 105px;
}

#Modellbauclub .regBack{
  background-position:-165px -206px;
  float:left;
  height:28px;
  width:76px;
}

#modellbauclubConfirmationLayer .regBack {
  background-position:-562px -178px;
  float:left;
  height:29px;
  width:160px;
}

#Modellbauclub .btn ,#modellbauclubConfirmationLayer .btn{
  background-color:transparent;
  border-bottom-style:none;
  border-bottom-width:medium;
  border-color:initial;
  border-left-style:none;
  border-left-width:medium;
  border-right-style:none;
  border-right-width:medium;
  border-top-style:none;
  border-top-width:medium;
  color:#000000;
  cursor:pointer;
  font-size:90%;
  font-weight:bold;
  height:28px;
  line-height:1;
  margin-bottom:0;
  margin-left:0;
  margin-right:0;
  margin-top:15px;
  padding-bottom:0;
  padding-left:11px;
  padding-right:0;
  padding-top:0;
  text-align:left;
  vertical-align:top;
}

div#Modellbauclub div#left{
	width:600px;
	float: left;
}
div#Modellbauclub div#right{
	width:180px;
	float:right;
	position:static;
	height:100%;
}

#modellbauclubErrorLayerShadow, #modellbauclubConfirmationLayer {
 position: absolute;
 z-index: 199;
 left: 524px;
 top: 384px;
 background-color: #616161;
}

#modellbauclubErrorLayer,#modellbauclubConfirmationLayer  {
 padding: 20px 20px 10px 20px;
 position: absolute;
 left: 50px;
 top: 170px;
 z-index: 40000;
 color: #000000;
 background-color: #FFFFFF;
 border: 1px solid #BCBCBC;
 width: 350px;
}

#modellbauclubErrorLayer div.listenDiv, #modellbauclubConfirmationLayer div.listenDiv {
 border: 1px solid #BCBCBC;
 padding-left: 10px;
}

#modellbauclubErrorLayer a.closeButton, #modellbauclubConfirmationLayer a.closeButton {
 float: right;
}

#modellbauclubErrorLayer p.hint, #modellbauclubConfirmationLayer p.hint {
background: transparent url("res/de/buttons/small/yellow_exclamationmark.gif") top left no-repeat;
padding-left: 20px;
}

#modellbauclubErrorLayerShadow, #modellbauclubConfirmationLayerShadow {
 position: absolute;
 z-index: 199;
 left: 524px;
 top: 384px;
 background-color: #616161;
 width: 320px;
 height: 306px;
}

#Modellbauclub .errorMsg, #modellbauclubErrorLayer .errorMsg, #modellbauclubConfirmationLayer .confirmationMsg {
  border-bottom-color:#C4C4C4;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-left-color:#C4C4C4;
  border-left-style:solid;
  border-left-width:1px;
  border-right-color:#C4C4C4;
  border-right-style:solid;
  border-right-width:1px;
  border-top-color:#C4C4C4;
  border-top-style:solid;
  border-top-width:1px;
  color:#FF3300;
  margin-bottom:1em;
  padding-bottom:5px;
  padding-left:5px;
  padding-right:5px;
  padding-top:5px;
}

#Modellbauclub input.error {
  background-image:url(https://localhost/images/default/default/panel/input-bg-error.png);
  border-left-color:#FF3300;
  border-left-style:solid;
  border-left-width:1px;
  border-top-color:#FF3300;
  border-top-style:solid;
  border-top-width:1px;
  color:#000000;
  font-weight:normal;
}

#Modellbauclub .example {
  color:#999999;
  display:block;
  float:left;
  font-size:120%;
  position:relative;
  top:8px;
}

/**
-------------------------------------------------------------
 ENDE#5057 Modellbauclub - An-Abmeldung unter "mein Konto"
------------------------------------------------------------- */

.serviceTitle{
	display: block;
	font-style: normal;
	font-weight: bold;
}

/**
------------------------------------------------------------
 #5205 Service-Bereich Ueberarbeitung 
 Wird wieder einkommentiert fuer R31!
------------------------------------------------------------


.serviceTitle{
	background-color: #D3E4F1;
	color: #0098DD;
	display: block;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 1px;
	padding: 8px 10px;
}

table.service tr th{
	background-color: #E5E5E5;
	border-left: 1px solid #E5E5E5;
	color: #000;
	
}

table.service tr td{
	background-color: #f0f0f0;
	border: 1px solid #ffffff;
}
table.service tr td input, table.service tr td textarea, #RepairForm input{
	border: 0;
	height:26px;
	background: #ffffff;
}

#RepairForm textarea{
	border: 0;
	background: #ffffff;
}

table.service .w60{
	width: 41px;
}
table.service .w180{
	width: 165px !important;
}
table.service .hyphenSpacer{
	font-size:16px;
	font-weight:bold;
}
table.service tr th.last{
	border-right: none;
}

#b2cTable > div > div{
	background-color: #f0f0f0;	
}

.bgHighlight{
	background-color: #f0f0f0;
	border: 0px !important;
}

#b2cTable .inner{
	border-color: #fff !important;
}

#b2cTable input[type=text], #b2cTable .form textarea{
	border:0;
	height:26px;
	background: #fff;
}

#content .box h2.service{
	background-color: #e5e5e5;
	font-size:16px;
	color: #696969;
	font-weight: normal;
	padding: 7px 10px;
}

.oneThirdRow{
	width:221px;
}

.contactInfo{
	background-color: #F0F0F0;
	padding: 9px;
	margin-bottom:20px;
}

div.inputCnt{
	background-color: #f0f0f0;
	border:0;
}

#content div.inputCnt .inner {
	border-left:0px;
	border-bottom:0px;
	border-right:0px;
	border-top:1px solid #fff;
}	

#content li .sTab{
	display: block;
	background-color: #f0f0f0;
	font-size: 16px;
	font-weight: normal;
	padding: 9px;
	color: #696969;
	text-decoration: none;
}

div.faqlist li > p{
	margin: 0px 0px 1px 0px;
}

#content li .helpMsgB{
	border: 1px solid #bebebe;
	padding: 12px 9px;
	margin-top:0px;
	background-color: #fff;
}

.procHead{
	margin-bottom: 12px;	
}

.fleft{
	float:left;
}
.fright{
	float:right;
}


*/