@charset "UTF-8";
/**
* "Yet Another Multicolum Layout" - (X)HTML/CSS Framework
*
* (en) Uniform design of standard content elements
* (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
*
* @copyright       Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de)
*                  Based on YAML, Copyright 2005-2007, Dirk Jesse
* @link            http://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html
* @package         yaml for xt:Commerce
* @version         1.3.0
*/

@media all
{
  /**
  * Fonts
  * (en) font-family and font-size selection for headings and standard text elements
  * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
  *
  * @section content-fonts
  */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100.01% }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 83.00%; 
  }

 /* ######################################################################################################
** # Standard-Vorgaben ##################################################################################
** ######################################################################################################
**
*/
h1,h2,h3,h4 { font-family: Arial, Helvetica, sans-serif; font-weight:normal;}

h1 {font-size: 1.00em; color: #000; margin: 0 0 0 0;  font-weight:bold; }
h2 {font-size: 1.05em; color: #000; margin: 0 0 0.30em 0; font-weight:bold; border-bottom: 1px #ddd solid;}
h3 {font-size: 1.0em; color: #000; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #ddd solid;}
h4 {color: #000; padding-top: 0.3em; font-weight:bold; border-bottom: 1px #C5C5C5 solid;}

#teaser h1 { font-size: 1.2em; border: 0; }
#teaser a {
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: #fff 1px dotted;
	text-decoration: none;
}

#teaser a:hover {
	border-bottom: #fff 1px solid;
	text-decoration: none;
}

p,ul,dd,dt { line-height: 1.5em;}
p { line-height: 1.5em; margin: 0 0 1em 0; }


strong,b { font-weight: bold; }
em,i { font-style:italic; }
pre, code {	font-family: "Courier New", Courier, monospace; }
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }

#col3_content h4 {font-size: 1.05em; color: #000; margin: 0 0 0.30em 0; padding-top:1em; font-weight:bold; border-bottom: 1px #ddd solid;}


/* ######################################################################################################
** # YAML für xt:commerce (c) by Björn Teßmann (http://yaml.t3net.de / http://www.zerosoftware.de  ######
** ######################################################################################################
**
**  YAML für xt:commerce Version: 1.0.2
**  Dateiversion: 18.05.07
**  Datei       : content.css
**  Funktion    : Formatierung der Inhalte (Texte, Grafiken, Links, Listen, Tabellen usw.)
**
*/
/* ###################################################################################################### */
/* ### Allgemeine Angaben ############################################################################### */
/* ###################################################################################################### */

/* ### beende Umfluß in Abschnitt ### */
.clearHere { clear: both; }

/* ### CSS für floatende Inhaltselemente ### */
/* ### DIV-Tags ### */
.leftCol {
	margin-top:4px;
	float:left;
}

.rightCol {
	position:absolute;
	margin-top:4px;
	right:0;
	padding-right:4px;
}

/* ### Ausblenden von underline und Rahmen bei Bildern als Link  ### */
a.imgLink {
	border: 0px none; text-decoration: none;
}

.dontShow {
 	position: absolute;
    left: -3000px;
    top: -3000px;
    width: 0;
    height: 0;
    overflow: hidden;
    display: inline;
}

.optionsBg { margin: 0; padding: 5px;}

#col3_content .longInput, #col3_content .longTextarea textarea {
	width: 99%;
}

#col3_content label.longLabel {
	width: 99%;
	float: none;
}



/* ### Auszeichnung lokaler und externer Links ######################################################## */
a, a em.file {color: #DF0606; text-decoration:underline;}
a:hover {text-decoration:none;}

#topnav a { color: #fff; background:transparent; text-decoration:none; }
#topnav a:hover{ text-decoration:underline; background-color: transparent;}

#footer a { color: #fff; border-bottom: #fff 1px dotted; text-decoration: none; }
#footer a:hover { text-decoration:none; border-bottom: #fff 1px solid; }

#box_information a { color: #fff; border-bottom: #fff 1px dotted; text-decoration: none; }
#box_information a:hover { text-decoration:none; border-bottom: #fff 1px solid; }

/* ### Stehen lassen ### */
#main a.imagelink {
	padding-left: 0;
	background: transparent;
}

/* ### Formatierung "benötigte Felder"-Anzeige ### */
.inputRequirement { font-size: 11px; color: #ff0000; }
/* ### Copyright-Vermerk von xt:C #### */
.copyright {
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
}

A.copyright {
  color: #000000;
}

A.copyright:hover {
  color: #0000ff;
  text-decoration: underline;
}
/* ### Parse-Time-Anzeige von xt:C #### */
.parseTime {
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
}

/* ### Stehen lassen ###*/
TD.main, P.main {
  font-size: 12px;
  line-height: 1.5;
}

/* ### Formatierung für Anzeige ausverkaufte Artikel ### */
SPAN.markProductOutOfStock {
  color: #c76170;
  font-weight: bold;
}
/* ### Formatierung Sonderpreis ### */
SPAN.productSpecialPrice {
  color: #ff0000;
}
/* ### Formatierung alter Preis ### */
SPAN.productOldPrice {
	color: #333;
	text-decoration: line-through;
}

.note{
	text-align:right;
	color: #777;
	font-size: 11px;
}

.productOldPrice sup,
.note sup{
   font-size: 10px;
}

SPAN.errorText {
  color: #ff0000;
}

SPAN.productDiscountPrice {
  color: #ff0000;
  font-weight: bold;
}

/* #################################################################################################### */
/* ### Layoutelement Container ######################################################################## */
/* #################################################################################################### */

.container , .moduleRow { 
	border: #d1d7dc 1px solid;
	background: url(../../images/verlauf-3.png) 0% 0% repeat-x;
	margin-bottom: 3px; padding: 1em; 
}
.container2 { 
	border: #d1d7dc 1px solid;
	background: url(../../images/verlauf-3.png) 0% 0% repeat-x;
	margin: 0; padding: 1em; 
	}


.moduleRowOver {
	background-color: #efefef;
	border: 1px solid;
	border-color: #d1d7dc;
	margin-bottom: 3px;
	padding: 5px;

	}
.moduleRowSelected {
	background-color: #CCCCCC;
	margin: 0;
	padding: 5px;
}

/* ######################################################################################################
** ### Formulare & Tabellen #############################################################################
** ######################################################################################################
*/


form { overflow:hidden; }

/* ### Labels (Beschriftungen für Formularfelder) in der Inhaltsspalte (col3) ### */
#col3_content label {
    font-size: 1em;
    line-height: 130%;
    background: transparent;
    color: #333;
    width: 16em;
    padding-right: 4px;
    margin-bottom: 5px;
    float: left;
}

/* ### Texteingabefelder ### */
input[type=text], #col3_content textarea, input[type=password] , select {
    background-color: #fafafa;
    color: #333;
    border: 1px #d1d7dc solid; /* ### Farbe für den Rand ### */
    float: left;
    margin-bottom: 5px;
}

/* ### Standardgröße für Texteingabefelder Inhaltsspalte (col3)### */
#col3_content input[type=text], #col3_content textarea,#col3_content input[type=password] {
	width: 15em;
}

/* ### Hovereffekt für Inputfelder (ab FF 1 und IE 7) ### */
input[type=text]:hover, input[type=text]:active, input[type=text]:focus,
input[type=password]:hover, input[type=password]:active, input[type=password]:focus,
select:hover,  select:active,  select:focus,
textarea:hover,  textarea:active,  textarea:focus {
    background-color: #fafafa;
    color: #000;
    border: 1px solid #d1d7dc; /* Farbe für den Rand bei Hover */
}

/* ### Rahmen um Eingabefelder ### */
#col3_content fieldset { border: 1px solid #C5C5C5; padding: 4px; margin-bottom: 1em; margin-top: 5px;}
/* ### Beschriftung der fieldsets ### */
#col3_content legend {
	font-size: 85%;
	background-color: #fff;
	color: #333;
	/*border: 1px solid #C5C5C5;*/
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}

/* ### Bugfix bei versteckten Feldern, sonst wird der Rahmen angezeigt ### */
input[type=hidden] { display: none; }

/* ### Rahmen bei Radio-Buttons und Checkboxen ausblenden ### */
input[type=radio] , input[type=checkbox] {
	background: #fff;
    color: #333;
    border: 0 none;
    width: 1em;
    height: 1em;
    margin: 0 15px 0 0;
    padding: 0;
    float: left;
}

/* ### Inhalt: Tabelle ### */
table { width: 100%; margin-bottom:0.5em; }
table.orderDetailsTab {
	border: #d6d6d6 1px solid;
}

table.orderDetailsTab th{
	border-bottom: #d6d6d6 1px solid;
}
tbody { }
tbody td, th { border-left: 1px dotted #f3f3f3; vertical-align: top; padding:3px; }
thead th { padding: 5px; text-align: left; background: #fafafa; font-weight: bold; border-top: #fff 1px solid; border-left: #bbb 1px solid; border-bottom: #bbb 1px solid;}
tbody th { padding: 5px; text-align: left; color: #000; line-height: 1.5em; font-weight: normal; }
tbody tr.odd, tbody tr.odd th { }
tbody tr.odd2, tbody tr.odd2 th { }
tbody tr, tbody tr th {  }
tfoot th, tfoot td { margin: 0; border-top: 0px solid #fff; padding: 5px 10px; text-align: left; }
tfoot th { border: none; }
tfoot td { padding-left: 10px; }

tbody td.main { border-bottom: 0px solid #fff; border-left: 1px dotted #f3f3f3; vertical-align: top; padding:2px; }

tbody td.attribute , tbody td.value{
	margin:0;
	padding:0;
	border:0;
	font-size:11px;
	padding-left: 3px;
	line-height:1.5em;
}

/* ### Warenkorb total ### */
tfoot td.subTotal { margin: 0; padding: 5px 10px; text-align: right; background: #fafafa; border-top: #d6d6d6 1px solid; border-left: #fff 1px solid;}

/* */
tbody td.singlePrice, tbody td.totalPrice { border-left: 1px dotted #f3f3f3; vertical-align: top; padding: 5px 10px; }
tbody td.delete { background-color:#FFDDDD;  padding:0; vertical-align:middle; line-height:20px; }
tbody td.delete input { margin-left:35px; }

/* ### Inhalt: Tabelle für Adressauswahl checkout_shipping_address.html und checkout_payment_address.html ### */
.adressBlockContainer td {
	border-left: 1px dotted #fff; padding: 3px;
}

.adressBlockContainer  tbody td,.adressBlockContainer th {
	border: 0px ; vertical-align: top; padding: 0px;
}



#col3_content td.prodRow1 {
	background-color:#CCCCCC;
}

hr.dis {
    color: #d6d6d6; /* IE */
    background-color: #d6d6d6; /* Mozilla */
    margin-bottom: 1em;
}

hr {
    color: #d6d6d6; /* IE */
    background-color: #d6d6d6; /* Mozilla */
    height:1px; /* Mozilla, Opera */
}

hr.cart {
	color: #333333;
	background-color:#d6d6d6;
	height:1px;
  	margin-right:0;
	text-align:right;
	width:80%;
	margin: 0;
	padding: 0;
	border:0;
}

.hrDiv {
	height: 1px;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	line-height: 0px;
	background-color: #d6d6d6;
}

.hrDiv {
	margin-top:3px;
	margin-bottom:3px;
}


.error { color: #FF0000; }
.must { color: #FF0000; }

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed #c00;
	cursor: help;
}


img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; }
img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }


/* ### stehen lassen ### */
}


/* marquee styling */
.wir_suchen_wrapper {
    background: #e8e8e8;
    padding: 10px 5px;
}

.wir_suchen_wrapper .marquee_link {
    font-weight: bold;
}