/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
**
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06
**  Datei       : base.css
**  Funktion    : Basis-Stylesheet
**
**  Don't make any changes in this file!
**  Any changes should be placed in basemod-files in css/modifications directory.
**
**  Modified by MONDO MEDIA GmbH (http://www.mondo-media.de)
**  IDs -> Classes
**  CSS-Classes imagezoomcaption and imagezoomheader
*/

@media all
{
.imagezoomheader {
	display: none;
}
.imagezoomcaption {
	display: none;
}

/* ######################################################################################################
** ### Vorbereitende Maßnahmen | Reset ##################################################################
** ######################################################################################################
*/
	/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht.
	*/

	/* Konflikt mit WYSIWYG-Editor für Shoptexte - Produkttexte * { margin:0; padding: 0; } */
	input{padding: 2px;}

	form{margin:0;padding:0}

	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/

	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	html { height: 100% }
	body {

 /*	min-height: 101%; */
	/* Modified by MONDO MEDIA GmbH (http://www.mondo-media.de) Sascha Doerr*/
	/* Auskommentiert, da der vertikale Scrollbalken sonst immer sichtbar -> nicht schön*/


	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser
			Fensters geändert wird. */
		position: relative;

	/* Vorgabe der Standardfarben und Textausrichtung*/
		color: #000;
		background: #fff;
		text-align: left;
	}

	/* Standardrahmen zurücksetzen */
	fieldset, img { border:0; }

	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */
	select, input, textarea, option { font-size: 1em }

/* ######################################################################################################
** ### DIV-Container des Basislayouts ###################################################################
** ######################################################################################################
*/

	.header { position:relative }

	.main {	clear:both; width: auto; }


	.col1 {
		float: left;
	}

	.col2 {
		float:right;
	}

	.col3
	{
		width:auto;
	}

	.footer { clear:both; }	/* Backup für IE-Clearing */

	/* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor
	** dem Spaltenhintergrund erscheinen. */
	.col1 {z-index: 4;}
	.col2 {z-index: 6;}
 .col3 {z-index: 1;}
 .col3_lay1{z-index: 2;}
 .col1_content {z-index: 5;}
	.col2_content {z-index: 7;}
	.col3_content {z-index: 3;}

	.col1_content, .col2_content, .col3_content { position:relative; }

/* ######################################################################################################
** ### Markupfreie CSS-Floatclearing-Lösungen ###########################################################
** ######################################################################################################
*/

 /* Clearfix-Methode zum Clearen der Float-Umgebungen */
 .col1_content:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

 .col2_content:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.col3_content:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	/* Diese Angabe benötigt der Safari-Browser zwingend !! */
	.col1_content { display: block; }
 .col2_content { display: block; }
 .col3_content { display: block; }

 /*  Modified by MONDO MEDIA GmbH (http://www.mondo-media.de) Sascha Doerr */
 /* Original
 /*
  .clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;

  .clearfix { display: block; }
	}
 */


	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { overflow:hidden; }

	/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	#ie_clearing { display: none }


/* ######################################################################################################
** ### Standard-Formatierungen für Listen & Zitate ######################################################
** ######################################################################################################
*/

	ul, ol, dl { margin: 0 0 1em 1em }
	li { margin-left:1.5em}

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

	blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}
}

/* ######################################################################################################
** ### Skiplink-Navigation ##############################################################################
** ######################################################################################################
*/
@media screen, print
{
.skip {
	position: absolute;
	left: -1000em;
	width: 20em;
}

}