@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 {
	

	/* Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
	html * {
		font-size: 100.01%
	}

	/* 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.00em;
		color: #0080bd;
		margin: 0 0 0 0;
		font-weight:bold;
	}
	h2 {
		font-size: 1.2em;
		font-weight: bold;
		text-transform: uppercase;
		color: #0080bd;
		margin: 0px 0px 10px 0px;
		padding: 10px 0px 0px 0px;
		border-bottom: 3px #0080bd solid;
	}
	h3 {
		font-size: 1.0em;
		color: #0080bd;
		margin: 0 0 0.30em 0;
		padding-top: 1em;
		font-weight:bold;
		border-bottom: 1px #0080bd solid;
	}
	h4 {
		color: #0080bd;
		padding-top: 0.3em;
		font-weight:bold;
		border-bottom: 1px #0080bd solid;
	}
	
	a {
		color: 				#222;
		text-decoration:	none;
	}
	a:hover {
		text-decoration:	underline;
	}

	p,ul {
		line-height: 1.5em;
	}

	p {
		margin: 0 0 1em 0;
	}

	strong, b {
		font-weight: bold;
	}

	em {
		font-style: italic;
	}


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

	.clearHere { clear: both; }
	
	.imgLink {
		border: 0px none;
		text-decoration: none;
	}

	/* ### Parse-Time-Anzeige von xt:C ### */
	.parseTime {
	  font-size: 11px;
	  line-height: 1.5;
	  text-align:center;
	}


	/* #################################################################################################### */
	/* ### Layoutelement Container ######################################################################## */
	/* #################################################################################################### */
	
	#col3_content .c33l {
		position:			relative;
		float: 				left;
		width: 				186px;
		margin:				0px;
		font-size:			0.9em;
		overflow:			hidden;
	}

	#col3_content .c33r {
		position:			relative;
		float: 				left;
		width: 				186px;
		margin:				0px;
		font-size:			0.9em;
		overflow:			hidden;
	}

	

	/* ######################################################################################################
	** # Teaser #############################################################################################
	** ######################################################################################################
	**
	*/

	#teaser a {
		color: #333333333;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	
	
	/* ######################################################################################################
	** # Footer #############################################################################################
	** ######################################################################################################
	**
	*/
	
	#footer a {
		color: #FFFFFF;
	}
	#footer a:hover {
		text-decoration:underline;
	}
	

	/* ###################################################################################################### */
	/* ### Formulare ######################################################################################## */
	/* ###################################################################################################### */

	form {
		overflow:hidden;
	}

	/* ### Texteingabefelder ### */
	input[type=text], input[type=password] , select {
	    background-color: #FFFFFF;
	    color: #333333;
	    border: 1px #C5C5C5 solid;
	    float: left;
	    margin-bottom: 5px;
	    margin-right: 5px;
	}

	/* ### Hovereffekt für Inputfelder ### */
	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: #EDEDED;
	    color: #000000;
	    border: 1px solid #9A9999;
	}

	/* ### 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: #FFFFFF;
	    color: #333333;
	    border: 0 none;
	    width: 1em;
	    height: 1em;
	    margin: 0 1em 0 0;
	    padding: 0;
	    float: left;
	}
	
	/* ###################################################################################################### */
	/* ### Tabellen ######################################################################################### */
	/* ###################################################################################################### */

	/* ### Inhalt: Tabelle ### */
	table {
		width: 100%;
	}
	
	tbody {
		background-color: transparent;
	}

	tfoot td {
		margin: 0;
		border-top: 2px solid #FFFFFF;
		padding: 5px 10px;
		text-align: left;
		color: #333333;
	}

	tfoot td {
		padding-left: 10px;
	}
	
	.contentcolored tr td {
		padding: 5px 5px 10px 5px;
	}


	/* ###################################################################################################### */
	/* ### DROP DOWN MENU  (Big THX to Son of Suckerfish) ################################################### */
	/* ###################################################################################################### */

	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		line-height: 1;
		z-index: 10;
	}

	#nav a.first_a {
		width: auto;
		z-index: 7;
	}

	#nav a {
		display: block;
		width: 19em;
	}

	#nav li { /* all list items */
		float: left;
		width: 10em; /* width needed or else Opera goes nuts */
		margin-left: 0em;
		z-index: 9;
	}

	#nav li ul li{ /* all list items */
		margin-left:20px;
	}

	#nav li.leftmargin { /* all list items */
		margin-left: 1.5em;
	}

	#nav li.rightmargin { /* all list items */
		margin-right: 1.5em;
	}

	#nav li ul { /* second-level lists */
		position: absolute;
		width: 20em;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		border:1px solid #FFF;
		z-index: 8;
	}

	#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
		z-index: 8;
	}
	
	/* ###################################################################################################### */
	
	.floatbox {
		margin-top: 20px;
	}
	
	.floatbox .leftCol {
		float:	left;
	}
	
	.floatbox .rightCol {
		float:	right;
	}
	
	.orderDetailsTab .quantity input {
		width: 30px;
	}
	
	#login .form_wrapper input {
		width: 180px;
	}

}