@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.4
 * @revision        $Revision: 138 $
 * @lastmodified    $Date: 2007-11-19 21:05:33 +0100 (Mo, 19 Nov 2007) $
 * @appdef yaml
 */

@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%;
/*		color: #FFFFFF;*/
	}


/* Startseite mit Willkommen, Bajazz und Motto */
div#startseite {
	position: relative;
/*	background-color: #00FF00;*/
	height: auto;
	height: 310px;		/* da die 3 Elemente nicht eingeschlossen werden - wird die Hoehe kuenstlich erzeugt */
}
div#startseite div#willkommen_div {
	position: absolute;
}
div#startseite div#bajazz_div {
	position: absolute;
	top: 70px;
	left: 145px;
}
div#startseite div#motto_div {
	position: absolute;
	top: 102px;
	right: 0;
}


  /* (en) reset monospaced elements to font size 16px in Gecko browsers */
  /* (de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen */
  textarea, pre, tt, code {
		font-family: "Courier New", Courier, monospace;
  }

  /* (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-family: Verdana, Arial, Helvetica, sans-serif;
/*    font-size: 75.00%;*/
		font-size: 87%;			/* Anpassung an den Wert des EFA-Fonresizers bei defaultFontSize = 80 -> 87% */
/*		color: #333333;*/
		color: #FFFFFF;
  }

  .indent {
  /*	text-indent: 20px;*/ /* rückt nur jeweils die erste zeile ein... */
    padding-left: 20px;
  }

  h1,h2,h3,h4,h5,h6 { 
		font-family: Verdana, Arial, Helvetica, sans-serif;
/*  	font-weight: bold;*/
		font-weight: normal; 
/*		color: #333333;*/
		color: #FFFFFF;
  	margin: 0 0 0.25em 0; 
  }

/* Entsprechungen bei FontSize-Changer auf "normal" -> siehe OOo-Tabelle */

  h1 { font-size: 150.94%; }
  h2 { font-size: 136.56%; }
  h3 { font-size: 122.19%; }
  h4 { font-size: 100.63%;}
  h5 { font-size: 100.63%; font-style: italic; }
  h6 { font-size: 100.63%; font-style: italic; }

  #header h1 {
/*    font-size:2.5em;*/
/*    letter-spacing:-2px;*/
/*    line-height: 65%;*/
/*    color:#000;*/
  }

  #header span {
/*    color:#999;*/
  }

  #headline h1 {
/*  	color: #9E1A01;*/		/* rot-ton */
		font-weight: normal;
		text-align: right;
  }

  p {
/*		font-size: 13px;*/
		font-size: 93.44%;
		line-height: 150%;
		margin: 0 0 1em 0;
	}
	
  .align-right {
		text-align: right;
  }
  .align-center {
		text-align: center;
  }
  .align-left {
		text-align: left;
  }
  .align-justify {
		text-align: justify;
  }

  /* ### Lists | Listen  #### */

  ul, ol, dl {
/*		line-height: 1.5em;*/
		margin: 0 0 1em 1em;
	}
  li {
		font-size: 93.44%;
		line-height: 1.5em;
		margin-left: 1.5em;
		margin-bottom: 0.8em;
/*		line-height: 1.5em;*/
	}
  li p {
		font-size: 100%;
  }

  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }

	input {
		color: #333333;
	}

  /* ### text formatting | Textauszeichnung ### */

  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }

  strong,b { font-weight: bold }
  em,i { font-style:italic }

  pre, code { font-family: monospace; font-size: 1.1em; }

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

  /**
   * Generic Content Classes
   * (en) standard classes for positioning and highlighting
   * (de) Standardklassen zur Positionierung und Hervorhebung
   *
   * @section content-generic-classes
   */

  .note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
  .important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
  .warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }

  /**
   * External Links
   *
   * (en) Formatting of hyperlinks
   * (de) Gestaltung von Hyperlinks
   *
   */

  a {
/*  	color: #9E1A01;*/		/* rot-ton */
		color: #9ECCE4;
  	text-decoration:none;
  }
  a:focus,
  a:hover,
  a:active {
/*  	color: #9E1A01;*/		/* rot-ton */
		color: #9ECCE4;
		text-decoration:underline;
  }
  
  #col3_content img { margin: 0; padding: 0; border: 0; }
  #col3_content a { margin: 0; padding: 0; border: 0; text-decoration: none; }

/* Inhalte unter der 2. Ebene der Navigation */
	#leftContent h1 { font-size: 116.67%; }		/* 116.67% = 14px */
	#leftContent h2 { font-size: 100%; }			/* 100.00% = 12px */
	#leftContent h3 { font-size: 91.67%; }		/*  91.67% = 11px */
	#leftContent h4 { font-size: 83.33%; }		/*  83.33% = 10px */
	#leftContent p {
		font-size: 83.33%;			/*  83.33% = 10px */
		margin-left: 25px;
	}
	#leftContent .news-latest-item p {
		padding: 0;
	}
	/* Link "Zur News-Liste" unter Latest News */
	#leftContent p.newsListLink {
		border-top: 1px solid #6F9FCD;
		padding: 5px 0;
	}

  #footer p { font-size: 100%; /*font-weight: bold;*/ }

  /**
   * Typo3-CE "Text mit Bild"
   */

	/* Verhindern, dass mehrere CE "Text mit Bild" ineinander floaten */
	.csc-textpic {
		clear: both;
	}

	/* Angabe aus dem Typo3-Stylesheet löschen */
/*	div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap { clear: none; }*/

	/* (für die bildergallerie - funzt nicht) ? */
	.csc-textpic-imagecolumn dl,
	.csc-textpic-imagecolumn dt {
		text-align: center;
	}
	.csc-textpic-imagecolumn img {
		margin: 0 auto;
	}
	/* Bildunterschrift */
	.csc-textpic-image dd {
		padding-top: 5px;
		color: #B4B7C2;
		font-size: 93.44%;
		font-style: italic;
		text-align: center;
	}

  /**
   * Adresslisten
   */

	/* Standard-Liste */
	.kontaktContainer {
/*		width: 47%;*/
		width: auto;
		padding: 10px 0;
		border-bottom: 1px solid #B2A96E;		/* Rahmenfarbe */
	}
	.kontaktContainer .titel,
	.kontaktContainer .vorname,
	.kontaktContainer .zweitname {
		float: left;
		margin-right: 5px;
		margin-bottom: 8px;
		clear: none;
/*background-color: #FF0000;*/
	}
	.kontaktContainer .nachname {
		clear: none;
		margin-bottom: 8px;
/*		float: left;*/
/*background-color: #00FF00;*/
	}

	/* Foto-Liste */
	.fotoKontaktContainer {
		width: 76px;	/* 56px + 2x10px */
		width: 80px;
/*		height: 160px;*/	/* Damit die Abstände gleich sind, egal ob es einen Mittelnamen gibt oder nicht */
		height: 150px;
		margin-right: 6px;
		float: left;
		border: 0;
		text-align: center;
/*background-color: #0000FF;*/
	}
	.fotoKontaktContainer DIV.foto {
		height: 84px;
		padding: 5px 12px 5px 12px;
/*background-color: #00FF00;*/
	}
	.fotoKontaktContainer DIV.foto img {
		height: auto;
/*background-color: #FF0000;*/
/*padding: 0;*/
	}
	.fotoKontaktContainer div {
		font-size: 85%;
/*background-color: #FF00FF;*/
	}
	
	/* Druck-Liste */
	.detailKontaktContainer {
		padding: 10px 0;
		border-bottom: 1px solid #B2A96E;		/* Rahmenfarbe */
/*background-color: #0000FF;*/
	}
	.detailKontaktContainer table {
		margin-bottom: 0;		/* für Tabellen ist global ein margin-bottom gesetzt */
/*border: 1px solid #000000;*/
	}
	.detailKontaktContainer table td {
/*border: 1px solid #000000;*/
		vertical-align: top;
		margin: 0;
		padding: 0;
		padding: 0 5px;
	}
	.detailKontaktContainer table td.detailKontaktImageCell {
		border-left: none;
/*		width: 16%;*/
		width: 100px;		/* 110px - 2x5px padding = 100px = Breite der Bilder */
	}
	/* DIV um Foto */
	.detailKontaktContainer DIV.foto {
		float: left;
		height: 100%;
/*background-color: #00FF00;*/
	}
	/* Foto */
	.detailKontaktContainer DIV.foto img {
	}
	.detailKontaktContainer table td.detailKontaktDataCell {
/*		border-left: 1px solid #00477F;*/
/*		width: 42%;*/
		width: 281px;		/* 692px - 110px (linke spalte) = 582px / 2 = 291px - 2x5px padding */
	}
	/* Tabelle innerhalb der 2. oder 3. Spalte der Tabelle um den gesamten Kontakt (1. Spalte = Foto) */
	.detailKontaktContainer table.druckKontaktDatenTabelle {
/*		margin-left: 110px;*/
/*		margin-left: 10px;*/
		width: 100%;
		margin: 0;
/*background-color: #FF0000;*/
	}
	.detailKontaktContainer .druckKontaktDatenTabelle td {
		border: none;
		padding: 0 5px 2px 0;
/*		font-size: 80%;*/
		font-size: 85%;
	}
	.detailKontaktContainer .druckKontaktDatenTabelle td.contactNameCell {
	}
	.detailKontaktContainer .druckKontaktDatenTabelle td.contactBirthdayLabelCell,
	.detailKontaktContainer .druckKontaktDatenTabelle td.contactPositionLabelCell,
	.detailKontaktContainer .druckKontaktDatenTabelle td.contactOrganisationLabelCell,
	.detailKontaktContainer .druckKontaktDatenTabelle td.contactAddressLabelCell,
	.detailKontaktContainer .druckKontaktDatenTabelle td.contactBuildingLabelCell,
	.detailKontaktContainer .druckKontaktDatenTabelle td.contactRoomLabelCell,
	.detailKontaktContainer .druckKontaktDatenTabelle td.contactPhoneLabelCell,
	.detailKontaktContainer .druckKontaktDatenTabelle td.contactFaxLabelCell,
	.detailKontaktContainer .druckKontaktDatenTabelle td.contactMobilLabelCell,
	.detailKontaktContainer .druckKontaktDatenTabelle td.contactEmailLabelCell,
	.detailKontaktContainer .druckKontaktDatenTabelle td.contactWwwLabelCell {
		width: 110px;
		white-space: nowrap;
		color: #CCCCCC;
		font-size: 80%;
	}
	/* Die zwei Felder, die über beide Spalten gehen - ohne extra Label-Spalte - Abstand zum Rest */
	.detailKontaktContainer .druckKontaktDatenTabelle td.contactInterestsCell,
	.detailKontaktContainer .druckKontaktDatenTabelle td.contactDescriptionCell {
		padding-top: 5px;
	}
	.detailKontaktContainer .druckKontaktDatenTabelle td.contactInterestsCell span.label,
	.detailKontaktContainer .druckKontaktDatenTabelle td.contactDescriptionCell span.label {
		color: #CCCCCC;
		font-size: 95%;		/* 95% von 85% (von <td>) = ca. 80% */
		width: auto;
	}
	/* wird zur Zeit nicht angezeigt */
	.detailKontaktContainer .druckKontaktDatenTabelle td.contactMainGroupCell {
	}

	.detailKontaktContainer .druckKontaktDatenTabelle div {
		float: none;
		clear: both;
/*		margin: 8px 0;*/
/*background-color: #00FFFF;*/
	}

	.detailKontaktContainer .druckKontaktDatenTabelle .titel,
	.detailKontaktContainer .druckKontaktDatenTabelle .vorname,
	.detailKontaktContainer .druckKontaktDatenTabelle .zweitname,
	.detailKontaktContainer .druckKontaktDatenTabelle .nachname {
		font-size: 120%;
	}
	.detailKontaktContainer .druckKontaktDatenTabelle .titel,
	.detailKontaktContainer .druckKontaktDatenTabelle .vorname,
	.detailKontaktContainer .druckKontaktDatenTabelle .zweitname {
		float: left;
/*		margin-right: 5px;*/
/*		margin-bottom: 8px;*/
		margin: 0 5px 8px 0;
		clear: none;
/*background-color: #FF0000;*/
	}
	.detailKontaktContainer .druckKontaktDatenTabelle .nachname {
		clear: none;
		margin-bottom: 8px;
/*		float: left;*/
/*background-color: #00FF00;*/
	}

	.detailKontaktContainer .druckKontaktDatenTabelle .plz {
		float: left;
		margin-right: 5px;
/*background-color: #FF0000;*/
	}
	.detailKontaktContainer .druckKontaktDatenTabelle .stadt {
		clear: none;
/*		float: left;*/
/*background-color: #00FF00;*/
	}

	/* Druck-Liste - zum Testen */
	.detailKontaktContainerDruckTest {
		height: 229px;
		padding: 10px 0;
		border-bottom: 1px solid #B2A96E;		/* Rahmenfarbe */
background-color: #0000FF;
	}
	.detailKontaktContainerDruckTest table {
		width: 699px;
/*		margin: 0;*/
		margin-bottom: 0;		/* für Tabellen ist global ein margin-bottom gesetzt */
/*border: 1px solid #000000;*/
	}
	.detailKontaktContainerDruckTest table td {
/*border: 1px solid #000000;*/
		vertical-align: top;
		margin: 0;
		padding: 0;
		padding: 0 5px;
	}
	.detailKontaktContainerDruckTest table td.detailKontaktDataCell {
/*		border-left: 1px solid #00477F;*/
/*		width: 42%;*/
		width: 281px;		/* 692px - 110px (linke spalte) = 582px / 2 = 291px - 2x5px padding */
	}
	.detailKontaktContainerDruckTest table td.detailKontaktDataCell table {
/*		width: auto;*/
		width: 100%;
	}
	.detailKontaktContainerDruckTest table td.detailKontaktImageCell {
		border-left: none;
/*		width: 16%;*/
		width: 100px;		/* 110px - 2x5px padding = 100px = Breite der Bilder */
	}
	/* DIV um Foto */
	.detailKontaktContainerDruckTest DIV.foto {
/*		float: left;*/
/*		height: 100%;*/
/*background-color: #00FF00;*/
	}
	/* Foto */
	.detailKontaktContainerDruckTest DIV.foto img {
		display: block;
	}
	/* Tabelle innerhalb der 2. oder 3. Spalte der Tabelle um den gesamten Kontakt (1. Spalte = Foto) */
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle {
/*		margin-left: 110px;*/
/*		margin-left: 10px;*/
		margin: 0;
/*background-color: #FF0000;*/
	}
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle td {
		border: none;
		padding: 0 5px 2px 0;
/*		font-size: 80%;*/
		font-size: 85%;
	}
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle td.contactNameCell {
	}
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle td.contactBirthdayLabelCell,
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle td.contactPositionLabelCell,
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle td.contactOrganisationLabelCell,
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle td.contactAddressLabelCell,
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle td.contactBuildingLabelCell,
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle td.contactRoomLabelCell,
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle td.contactPhoneLabelCell,
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle td.contactFaxLabelCell,
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle td.contactMobilLabelCell,
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle td.contactEmailLabelCell,
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle td.contactWwwLabelCell {
		white-space: nowrap;
		color: #CCCCCC;
		font-size: 80%;
		width: 110px;
	}
	/* Die zwei Felder, die über beide Spalten gehen - ohne extra Label-Spalte - Abstand zum Rest */
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle td.contactInterestsCell,
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle td.contactDescriptionCell {
		padding-top: 5px;
		width: auto;
	}
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle td.contactInterestsCell span.label,
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle td.contactDescriptionCell span.label {
		color: #CCCCCC;
		font-size: 95%;		/* 95% von 85% (von <td>) = ca. 80% */
		width: auto;
	}
	/* wird zur Zeit nicht angezeigt */
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle td.contactMainGroupCell {
	}

	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle div {
		float: none;
		clear: both;
/*		margin: 8px 0;*/
/*background-color: #00FFFF;*/
	}

	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle .titel,
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle .vorname,
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle .zweitname,
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle .nachname {
		font-size: 120%;
	}
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle .titel,
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle .vorname,
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle .zweitname {
		float: left;
/*		margin-right: 5px;*/
/*		margin-bottom: 8px;*/
		margin: 0 5px 8px 0;
		clear: none;
/*background-color: #FF0000;*/
	}
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle .nachname {
		clear: none;
		margin-bottom: 8px;
/*		float: left;*/
/*background-color: #00FF00;*/
	}

	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle .plz {
		float: left;
		margin-right: 5px;
/*background-color: #FF0000;*/
	}
	.detailKontaktContainerDruckTest .druckKontaktDatenTabelle .stadt {
		clear: none;
/*		float: left;*/
/*background-color: #00FF00;*/
	}

 /**
  * ------------------------------------------------------------------------------------------------- #
  * Typo3-Extension "rscontentcolumn"
  *
  */

	.tx-rscontentcolumn-pi1 {
	}
	/* 3 Spalten - links */
	div.tx-rscontentcolumn-pi1 div.threeleftcol {
		width: 29%;
		padding: 0 2% 0 0;
	}
	/* 3 Spalten - Mitte */
	div.tx-rscontentcolumn-pi1 div.threemiddlecol {
		width: 29%;
		padding: 0 1%;  /* bei 2% könnte der IE umbrechen... siehe unten */
	}
	/* 3 Spalten - rechts */
	div.tx-rscontentcolumn-pi1 div.threerightcol {
		width: 29%;
		padding: 0 0 0 2%;
	}
	/* 2 Spalten - links */
	div.tx-rscontentcolumn-pi1 div.leftcol {
		width: 46%;
		padding: 0 4% 0 0;
	}
	/* 2 Spalten - rechts */
	div.tx-rscontentcolumn-pi1 div.rightcol {
		width: 46%;
		padding: 0 0 0 3%;  /* bei 4% bricht der IE um */
	}


  /**
   * Typo3-Standard-mailform (Kontakt-Formular)
   */
	.mailFormular {
	}
	/* umschließt Label und Input */
	.mailform-field {
		margin: 4px 0;
	}
	/* umschließt das Label */
	.mailform-lable-wrap-div,
	.mailform-req-lable-wrap-div {
		width: 130px;
		float: left;
	}
	/* Label */
	.mailform-lable-wrap-div label,
	.mailform-req-lable-wrap-div label {
	}
	/* Input bzw. Textarea */
	.mailform-field input,
	.mailform-field textarea {
		width: 300px;
	}
	.mailform-field input.mf-submit {
		margin-left: 130px;
		width: auto;

		padding: 0 0 1px 0;
		color: #6F9FCD;
		background-color: transparent;
		font-weight: bold;
/*		border: 1px outset #114F90;*/
/*		border: 1px outset #00477F;*/
		border: 1px outset #0061AE;
		cursor: pointer;
	}
	/* IE < 7 */
	* html .mailform-field input.mf-submit { margin-left: 0; }
	/* IE7 */
	*:first-child+html .mailform-field input.mf-submit { margin-left: 0; }

  /**
   * mailformPlus-Tabelle
   */
	.mailFormTable {
	}
	.mailFormTable tr {
	}
	.mailFormTable th,
	.mailFormTable td {
		text-align: left;
	}
	.mailFormTable th {
		font-weight: bold;
	}
	.mailFormTable td {
	}

  /**
   * mailformPlus-Bestell-Formular
   */
	table.orderFormTable {
	}
	/* Zeilen-Arten (Artikel und Benutzerdaten) */
	table.orderFormTable tr.orderFormArticleRow {
		border-bottom: 1px solid #6F9FCD;
	}
	table.orderFormTable tr.orderFormUserdataRow {
	}

	table.orderFormTable th {
		border-bottom: 1px solid #6F9FCD;
		padding: 6px;
	}
	table.orderFormTable td.orderFormFillingCell {
		border-bottom: 1px solid #6F9FCD;
	}
	table.orderFormTable td,
	table.orderFormTable td.orderFormFillingCell {
		vertical-align: middle;
		padding: 6px;
/*background-color: #FF0000;*/
	}

	table.orderFormTable td.orderFormNumCell {
		text-align: center;
	}
	table.orderFormTable td.orderFormCheckboxCell {
		text-align: center;
	}
	table.orderFormTable td.orderFormLableCell {
	}
	table.orderFormTable td.orderFormDateCell {
		text-align: right;
	}
	table.orderFormTable td.orderFormPriceCell {
		text-align: center;
	}
	table.orderFormTable td.orderFormPriceCell select {
		width: 78px;
		text-align: center;
	}
	table.orderFormTable td.orderFormSumPriceCell {
		text-align: center;
	}
	table.orderFormTable td.orderFormSumPriceCell input {
		text-align: right;
	}
	table.orderFormTable td.orderFormSeatingCell {
		text-align: center;
	}
	table.orderFormTable td.orderFormAlignTopRightCell {
		text-align: right;
		vertical-align: top;
	}
	/* Labels für die Kontaktdaten-Felder */
	table.orderFormTable tr.orderFormUserdataRow td.orderFormLableCell {
		vertical-align: top;
		padding-left: 118px;		/* Labels näher zu den Eingabefeldern rücken */
	}
	/* Eingabefelder für Kontaktdaten (inkl. Ausnahmen) */
	table.orderFormTable input.orderFormInput,
	table.orderFormTable textarea.orderFormTextarea {
		width: 227px;
	}
	table.orderFormTable input.orderFormPLZInput {
		width: 50px;
		margin-right: 5px;
	}
	table.orderFormTable input.orderFormCityInput {
		width: 168px;
	}
	/* Text: "(Felder mit * ...)" */
/*  83.33% = 10px (laut Format: 12pt) */
	table.orderFormTable td.orderFormSmallLableCell {
		font-size: 75%;		/* 75%    =  9px */
		padding-left: 100px;		/* Lables näher zu den Eingabefeldern rücken */
	}

  /**
   * Shop-Item-Tabelle
   */
	.shopItemTable {
	}
	.shopItemTable tr {
	}
	.shopItemTable th,
	.shopItemTable td {
		text-align: left;
		background: none;
		vertical-align: top;
	}
	
	.shopItemTable th {
		font-weight: bold;
	}
	.shopItemTable td {
	}
	.shopItemTable td.nameField {
		font-weight: bold;
	}
	.shopItemTable td.descrField {
	}
	.shopItemTable td.numberHeaderField,
	.shopItemTable td.priceHeaderField {
		text-align: right;
		font-style: italic;
		text-align: center;
	}
	.shopItemTable td.priceField {
		text-align: right;
	}
	.shopItemTable td.imgField {
		text-align: center;
	}

  /**
   * (en) Emphasizing external Hyperlinks via CSS
   * (de) Hervorhebung externer Hyperlinks mit CSS
   *
   * @section             content-external-links
   * @app-yaml-default    disabled
   */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */

  /**
   * Tables | Tabellen
   * (en) Generic classes for table-width and design definition
   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
   *
   * @section content-tables
   */

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }

  th,td { background: transparent; padding: 0.5em; vertical-align: top; }
  thead th { background: transparent; }
  tbody th { background: transparent; }
  tbody th.sub { background: transparent; }

  th p,
  td p {
		margin: 0;
  }

  /**
   * Miscellaneous | Sonstiges
   *
   * @section content-misc
   */

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
  }
}