@charset "UTF-8";
/**
* (en) Uniform design of standard content elements
* (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
*/

@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: Verdana, Helvetica, Arial, sans-serif;
    font-size: 83.00%; 
  }

 /* ######################################################################################################
** # Standard-Vorgaben ##################################################################################
** ######################################################################################################
**
*/
h1,h2,h3,h4 { font-family: Verdana, Arial, Sans-Serif; font-weight:normal;}

h1 {font-size: 1.05em; color: #000; margin: 0 0 0 0;  font-weight:bold; }
h2 {font-size: 1.10em; 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:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

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


/* 
**
**  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 { background-color: #F1F1F1;  margin: 0; padding: 5px;}

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

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

/* AGB ON CHECKOUT SITE */
p.checkoutagb textarea {
width:100%;
}

/* Tomcraft - 2009-10-02 - Include "Single Price" in checkout_confirmation */
td.main_row {
border-top:1px solid #ccc;
}

/* Hetfield - 2010-01-20 - Remove agb-textarea from checkout_payment */
div.agbframe {
width:100%;
height:200px;
overflow:auto;
padding:10px;
background:url(img/input_bg.gif) no-repeat;
border:1px solid #666;
}
/* web28 - 2010-04-29 - fix ol and ul Tag  in checkout_payment agbframe */
ol#address_block, div.agbframe ol, div.agbframe ul  {
margin-left:30px;
}

/* ORDER DETAILS */
table.orderdetails {
font-size:11px;
background-color:#f8f8f8;
border:#ccc solid;
border-width:0 1px 1px 1px;
}
table.orderdetails tr td {
padding:4px;
}
table.orderdetails tr.headerrow td {
background-color:#ccc;
color:#555;
font-weight:bold;
}
table.orderdetails tr.headerrow td.left {
text-align:left;
}
table.orderdetails tr.headerrow td.center {
text-align:center;
}
table.orderdetails tr.headerrow td.right {
text-align:right
}
/* ORDER DETAILS CONTENT ROW 1 */
table.orderdetails tr.contentrow1 td {
background-color:#f8f8f8;
vertical-align:top;
}
table.orderdetails tr.contentrow1 td.quantity {
text-align:center;
}
table.orderdetails tr.contentrow1 td.quantity input {
font-size:11px;
padding:2px;
border:solid #ccc 1px;
}
table.orderdetails tr.contentrow1 td.productname {
text-align:left;
}
/* ORDER DETAILS CONTENT ROW 2 */
table.orderdetails tr.contentrow2 td {
background-color:#f8f8f8;
vertical-align:top;
}
table.orderdetails tr.contentrow2 td.quantity {
text-align:center;
}
table.orderdetails tr.contentrow2 td.quantity input {
font-size:11px;
padding:2px;
border:solid #ccc 1px;
}
table.orderdetails tr.contentrow2 td.productname {
text-align:left;
}
/* ORDER DETAILS SINGLE PRICE */
table.orderdetails tr td.singleprice {
text-align:right;
white-space:nowrap;
}
/* ORDER DETAILS TOTAL PRICE PER ITEM */
table.orderdetails tr td.totalprice {
text-align:right;
white-space:nowrap;
}
/* ORDER DETAILS DELETE CHECKBOX */
table.orderdetails tr td.delete {
text-align:center;
white-space:nowrap;
}
/* ORDER DETAILS PRODUCT ATTRIBUTES */
table.orderdetails tr td.productname table.productattributes {
margin-top:3px;
}
table.orderdetails tr td.productname table.productattributes tr td {
padding:0;
}
table.orderdetails tr td.productname table.productattributes tr td.attribute {
padding-right:4px;
white-space:nowrap;
}
table.orderdetails tr td.productname table.productattributes tr td.value {
width:100%;
}
/* ORDER DETAILS SUBTOTAL */
table.orderdetails tr td.subtotal {
background-color:#f8f8f8;
text-align:right;
border:#ccc solid;
border-width:1px 0 0 0;
}

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

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

#footer a { color: #fff; }
#footer a:hover { text-decoration:underline; }
/* ### 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: 14px;
  line-height: 1.5;
}

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

SPAN.errorText {
  color: #ff0000;
}

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


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


form { overflow:hidden; }

/* ### Labels (Beschriftungen für Formularfelder) in der Inhaltsspalte (col3) ### */
#col3_content label {
    font-size: 1em;
    line-height: 160%;
    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:#fff  url(../../img/inbox_bg.jpg) left top repeat-x;
    color: #333;
    border: 1px #888 solid; /* ### Farbe für den Rand ### */
    float: left;
    margin-bottom: 5px;
    padding:0px 1px;
}

#checkout_payment select {
  float:none;
}

/* ### 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 {
    color: #000;
    border: 1px solid #000; /* 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: 2px;
	padding-bottom: 2px;
}

/* ### 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;
}
/* Double-Opt */
#col3_content #sign input[type="text"] {
  width:auto;
}

/* ### Inhalt: Tabelle ### */
table { width: 100%; margin-bottom:0.5em; }
caption { border-bottom: 4px solid #fff; padding: 10px; background: #F79430; text-align: left; color: #fff; }
/*tbody { background: #fff; }*/
tbody td, th { border-bottom: 4px solid #fff; border-left: 0px dotted #fff; vertical-align: top; padding:5px; }
thead th { padding: 5px; text-align: left; background: #CCCCCC; color: #333; font-weight: bold; }
tbody th { padding: 5px; text-align: left; color: #000; line-height: 1.5em; font-weight: normal; }
tbody tr.odd, tbody tr.odd th { background: #FEE9BD; }
tbody tr.odd2, tbody tr.odd2 th { background: #D0FFD0; }

tfoot th, tfoot td { margin: 0; border-top: 2px solid #fff; padding: 5px 10px; text-align: left; background: #CCCCCC; color: #333; }
tfoot th { border: none; }
tfoot td { padding-left: 10px; }

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

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







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

hr.dis {
    color: #D0D0D0; /* IE */
    border: 1px solid #D0D0D0; /* Opera */
    background-color: #D0D0D0; /* Mozilla */
    margin-bottom: 1em;
}

hr {
    color: #D0D0D0; /* IE */
    border: 1px solid #D0D0D0; /* Opera */
    background-color: #D0D0D0; /* Mozilla */
    height:2px; /* Mozilla, Opera */
}

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

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

.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 ### */
}