@charset "utf-8";

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

h1, h2, h3, h4, h5, h6 {	
	font-family: Georgia, Arial;
}

/* Noch nicht besuchter und schon besuchter Link */ 
h3 a:link, h3 a:visited {
	color: #B10027;
	text-decoration: underline;
}

/* Schon besuchter Link */
h3 a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #B10027;
}

/* Mit Mauszeiger auf Link fahren*/
h3 a:hover {
	text-decoration: none;
	border-bottom: none;
}


a { 
	text-decoration:underline; 
	color:#000;
}

img { 
	border:0px;
}

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

fieldset {
	padding: 30px;
	margin-bottom: 20px;
}

label {
	display:block;
}

label + label {
	display: inline;
}

input.errorFields {
	border:2px solid #f00;
	padding:1px;
}

/* Hightlight - Kartengröße (Aussenfläche-Darstellung) */
.highlight { 
	float:left;
	width:271px;   /* alten ic med: 271  - neuen ic med: 274 */	
}

/* Artikelkarte - Kartengröße (Innenfläche-Darstellung) */
.artikelkarte {	
	position:relative;	
	margin:5px 5px 5px 6px;
	width:260px;
	height:160px; 
	border:1px solid #ccc; 	
	float:left; 
	display:inline; 
	cursor:pointer;		
	overflow:hidden;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

/* Artikelkarte - Kartengröße (Innenfläche-Darstellung) bei Mausberührung aktivieren */
.artikelkarte:hover {
	background-color: #f0f0f0;
}

/* Artikelkarte - Kartengröße <a> soll das ganze Fläche im Innenfläche markierbar sein */
.artikelkarte a {
	position:absolute;	/* setzt 0,0 Position im Artikelkarte */
	width:260px; 			/* 10 pixel weniger als .artikelkarte */
	height:160px; 		/* 10 pixel weniger als .artikelkarte */	
	padding:5px; 			/* Innenflächeabstand alles 5px */
	overflow:hidden; 		/* Was drüber ist, nicht sichtbar machen */	
	text-decoration:none;	
}

/* Bereich <div> im Artikelkarte umfassen (Rechter Bereich): ArtikelNr, Titel, K-Besch, Preise */
.artikelkarte div {
	// left:120px;		
}

/* Artikelkarte bei allen Angabe mit <var> unsichtbar machen */ 
.artikelkarte var { 
	display:none;
}

/* Text mitte oben (TITEL) */
/* Nachfahrenselektor, d.h. greift allen <span> zu, also auch im Unter-Unter-Ordner */
.artikelkarte span {		
	font-weight:bold; 
	font-size:14px; 		
	display:inline;
	//width: 250px;		
	float:left;	
}

.artikelkarte var + span {
	width:250px;
	background-color: lightgray;
}

/* Text mitte rechts (KURZBESCHREIBUNG) */
/* Nachbarnselektor - greift den letzten span (welche vorherigen die Nachbarn sind) */
.artikelkarte  span + span {
	float:left;	
	height: 135px;	
	margin-top: 5px;
	cursor:hand;	
	font-weight:normal;
	font-size:12px;		
	overflow: hidden;	
	z-index:10;
}

/* Text - unten rechts (PREIS/ANFRAGE) */
.artikelkarte  span + span ~ span {	
	position:absolute;	
	top:135px;	
	left:5px;
	z-index:20;
	/*background-color:white;*/
	padding:2px;
}

.artikelkarte a img {
	float:right;
	margin-right: 10px;
	background-color: #fff;
}

/* Bildfläche links */
/* Kindselektor - nur was <a> den Hauptordner <span> findet, nicht jedoch Unterordner */
/* .artikelkarte a span	 */
/*
.artikelkarte a > span {	
	position: absolute;
	top:0;
	right:0;
	float:right; 		
	width:110px;
	//height:150px;
	margin-right: 10px;
	background-repeat:no-repeat; 
	background-position:0px 0px;	
	background-color:#f00;
	z-index:100;
}
*/
/* Bildfläche links */
/*
.artikelkarte  a > span {
	position:absolute;
	top:0;
	right:0;	
	width:110px; 
	height:145px;
	margin-top: 5px;
	margin-right:15px;	
	background-repeat:no-repeat; 
	background-position:0px 0px;	
	//background-color: #F0F0F0;
}
*/
/* Bildfläche links */
/* Original:
.artikelkarte  a > span {
	display:block; 
	float:left; 
	width:110px; 
	height:150px; 
	background-repeat:no-repeat; 
	background-position:0px 0px;	
	background-color: #E0F0F0;
}
*/

.fehler {
	background-color: red;
	color: white;
	font-weight: bold;
	padding: 10px 10px 10px 30px;
}

.infoliste {
	background-color: green;
	color: white;
	font-weight: bold;
	padding: 10px 10px 10px 30px;
}

.preis, .anfrage {	
	display:block;
	float: right;
	color:#e52030;	
	font-size:18px;	
} 

.anfrage {	
	font-size:11px;
} 

.button1{
	padding:0;
	margin:0;
	border:1px solid #D9DDDE; 
	background-image:url(img/button_bg_2.gif); 
	background-repeat:no-repeat;
	font-size:12px;
	background-position: 2px 2px;
	width:150px;
}


table.warenkorb {
	border-collapse: collapse;
	empty-cells: show;
	border: 0;
}

.warenkorb td,
.warenkorb th {
	border: 4px solid white;
	color: #5D5D5D;
	background-color: #F5F4F8;
	padding: .5em 0.3em;
}

.warenkorb thead td,
.warenkorb thead th {
  color: #5D5D5D;
  background-color: #E8E7EE;
  text-align: center;
}
.warenkorb thead th[colspan="2"] {
  color: white;
  background-color: #CBB8BA;
  font-weight: bold;
}
.warenkorb tbody th {
  color: #5D5D5D;
  background-color: #e8dbc5;
  text-align: center;
}
.warenkorb tbody th[rowspan="2"] {
  color: white;
  background-color: #E8AD47;
  font-weight: bold;
}
.warenkorb tfoot td {
  text-align: center;
  font-size: .9em;
}