/**
 * "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-2010, 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.2.1
 * @revision        $Revision: 1.6 $
 * @lastmodified    $Date: 2010/08/05 16:32:36 $
 * @appdef yaml
*/

@media all
{
	/**
	 * Fonts
	 *
	 * (en) global settings of font-families and font-sizes
	 * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
	 *
	 * @section content-global-settings
	*/

	/* (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%; }

	/**
	 * (en) reset monospaced elements to font size 16px in all browsers
	 * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
	 *
	 * @see: http://webkit.org/blog/67/strange-medium/
	*/

	textarea, pre, code, kbd, samp, var, tt {
		font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
	}

	/* (en) base layout gets standard font size 12px */
	/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
	body {
		font-family: Verdana, "Times New Roman", Times, serif;
		font-size:75.00%;
		color:#444;
	}

	/* (de) Klassen die von der Standartfontformatireung abweichen */
	.verdana { font-family:Verdana, Geneva, sans-serif;  }
	.tahoma, .myriad { font-family: Tahoma, Verdana, Geneva, sans-serif;  }
	/*  .myriad { font-family:"Myriad Pro", "Myriad Web Pro", Myriad, Frutiger, "Segoe UI", Tahoma, Verdana, Geneva, sans-serif; font-size: 1em; }*/

	/*--- Headings | Überschriften ------------------------------------------------------------------------*/

	h1,h2,h3,h4,h5,h6 {
		font-family: /*"Myriad Pro", "Myriad Web Pro", Myriad, Frutiger, "Segoe UI",*/ Verdana, Tahoma, Geneva, sans-serif;
		font-weight:bold;
		color:#28265E;
		margin:0 0 1em 0;
	}

	h1 { font-size:150%; }
	h2 { font-size:130%; }
	h3 { font-size:125%; }
	h4 { font-size:120%; }
	h5 { font-size:116.67%; }
	h6 { font-size:116.67%; }

	/* --- Lists | Listen  -------------------------------------------------------------------------------- */

	ul, ol, dl { line-height:1.5em; margin:0 0 1em 1em; }
	ul { list-style-type:disc; }
	ul ul { list-style-type:circle; margin-bottom:0; }

	ol { list-style-type:decimal; }
	ol ol { list-style-type:lower-latin; margin-bottom:0; }

	li { margin-left:0.8em; line-height:1.5em; }

	dt { font-weight:bold; }
	dd { margin:0 0 .1em .8em; }

	dl.columnar { clear: both; width: 95%; }
	dl.columnar dt { clear: left; float: left; width: 20%; }
	dl.columnar dd { float: left; margin: 0 0 .2em 0; }


	/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

	p { line-height:1.5em; margin:0 0 1em 0; }

	blockquote, cite, q {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
	}
	blockquote { margin:0 0 1em 1.6em; color:#666; }

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

	big { font-size:116.667%; }
	small { font-size:91.667%; }

	pre { line-height:1.5em; margin:0 0 1em 0; }
	pre, code, kbd, tt, samp, var { font-size:100%; }
	pre, code { color:#800; }
	kbd, samp, var, tt { color:#666; font-weight:bold; }
	var, dfn { font-style:italic; }

	acronym, abbr {
		border-bottom:1px #aaa dotted;
		font-variant:small-caps;
		letter-spacing:.07em;
		cursor:help;
	}

	sub, sup { font-size:91.6667%; line-height:0; }

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

	/*--- Links ----------------------------------------------------------------------------------------- */

	a { color:#28265E; background:transparent; text-decoration:none;  }
	a:visited  { color:#28265E; }

	/* (en) maximum constrast for tab focus - change with great care */
	/* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
	a:focus { outline: 1px #28265E solid; }
	a:hover,
	a:active { color:#182E7A; text-decoration:underline; outline: 0 none; }

	/* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

	p.icaption_left { float:left; display:inline; margin:0 1em 0.15em 0; }
	p.icaption_right { float:right; display:inline; margin:0 0 0.15em 1em; }

	p.icaption_left img,
	p.icaption_right img { padding:0; border:1px #888 solid; }

	p.icaption_left strong,
	p.icaption_right strong { display:block; overflow:hidden; margin-top:2px; padding:0.3em 0.5em; background:#eee; font-weight:normal; font-size:91.667%; }

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

	.highlight { color:#c30; }
	.dimmed { color:#888; }

	.info { background:#f8f8f8; color:#666; padding:10px; margin-bottom:0.5em; font-size:91.7%; }

	.note { background:#efe; color:#040; border:2px #484 solid; padding:10px; margin-bottom:1em; }
	.important { background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em; }
	.warning { background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; }

	.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 { display:block; text-align:center; margin:0.5em auto; }

	.right-align { text-align: right; }
	.left-align { text-align: left; }

	/**
	 * ------------------------------------------------------------------------------------------------- #
	 *
	 * 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 caption { font-variant:small-caps; }
	table.full { width:100%; }
	table.fixed { table-layout:fixed; }

	th,td { padding:0.5em;  border-left: 0px solid #fff; border-right: 0px solid #fff;}
	thead th { color:#000; border-bottom:2px #E1E2E3 solid; }
	tbody th { color:#333; }
	tbody th[scope="row"], tbody th.sub { background:#f0f0f0; }

	tbody th { border-bottom:1px solid #fff; text-align:left; }
	tbody td { border-bottom:1px solid #eee; }
	
	tbody tr:hover th[scope="row"],
	tbody tr:hover tbody th.sub { background:#F6F6F6; }
	tbody tr:hover td { background:#F6F6F6; }

	tfoot td { border-top:2px #E1E2E3 solid; }

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

	/**
	 * (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;
	}
	*/

	/**
	* ------------------------------------------------------------------------------------------------- #
	*
	*  section_frame
	*
	* (de) Anpassungen an der Darstellung der Auswahl section_frame
	*
	* @section content-tables
	*/

	.csc-frame-frame2 { background-color: #E1E2E3; padding: 10px; }
	.csc-frame-frame2 h1,
	.csc-frame-frame2 h2,
	.csc-frame-frame2 h3,
	.csc-frame-frame2 h4,
	.csc-frame-frame2 h5,
	.csc-frame-frame2 h6 { color: #ADAEB0; }

	.csc-frame-frame2 ul { margin: 0 0 5px 0; padding: 0 0 5px 0; list-style-position: inside; border-bottom: 1px dotted #ADAEB0;  }

	.csc-frame-frame2 a { float: right; }
	.csc-frame-frame2 .bodytext { overflow: hidden; margin: 0; }

	#categorielist { padding: 0; margin: 0 0 20px 0; list-style: none; overflow: hidden; }
	#categorielist li {
		float: left;
		width: 340px;
	}


	/**
	 * Basiert auf den yform-Styles 
	 */
	.expertendetail {
		/*background:#f4f4f4;*/
		border:0px #ddd solid;
		margin:0 0 1em 0;
		padding:00px;
	}

	.expertendetail fieldset {
		border:1px #ddd solid;
		background:#fafafa;
		margin:0 0 1em 0;
		padding: 0.5em;
	}

	.expertendetail legend {
		font-size:125%; 
		font-weight:normal; 
		color:#000;
		padding-left: 7px;
		padding-right: 7px;
	}

	.expertendetail label {
		color:#666;
	}
	
	.expertendetail p {
		padding-left: 7px;
	}

	/** Warenkorb **/
	/** Auflistung **/
	.warenkorb_zusammenfassung label {
		clear: left;
		float: left;
		width: 138px;
		font-weight: bold;
		color: #444444;
		padding-left: 12px;
	}
	.warenkorb_zusammenfassung div {
		float: left;
	}
	.cart_td1 {
		width: 130px;
		font-weight: bold;
		color: #444444;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 14px;
		border-bottom: 0px;
	}
	.cart_td2 {
		padding-top: 2px;
		padding-bottom: 2px;
		border-bottom: 0px;
	}

	/** Umfragen **/
	.pollanswer { float: left;}
	.tx-jkpoll-pi1 label { float: left; margin-left: 5px; width: 145px;}

	.browsebox { margin: 0; padding: 0; }
	.browsebox li { margin: 0; padding: 0; display: inline; padding: 3px; background: #F6F6F6; border-bottom: 2px solid #E1E2E3; }
	.tx-indexedsearch-res { margin: 20px 0; }

	.tx-mmforum-pi1-listpost-date { margin-top: 10px; }

	.csc-default { overflow: hidden; }

	.downloadlink a { padding: 2px 0 0 22px; background: transparent url(../../images/download_file.png) 0 0 no-repeat; }

	.payment_label { display: inline ! important; }
	#elv_fields fieldset { margin-top: 9px; }
}