/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $   

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce 
   -----------------------------------------------------------------------------------------
   based on: 
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com 
   (c) 2003	 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License 
   ---------------------------------------------------------------------------------------*/
* { padding-top:0; margin-top:0;} 
html { height: 100% }
body {
	min-height: 101%; /* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
	font-size: 100.01%; /* 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: #7C8286;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	/*color: #000000;*/
	background: #E6F3EC;
	text-align: left;
	margin-bottom: 10px;
}

/* ######################################################################################################
** ### DIV-Container des Basislayouts ###################################################################
** ######################################################################################################
*/
#page_margins {
	padding-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	position: relative;
	width: 980px;
	background-color: #E6F3EC;
	border: 0px solid;
}
	/*#####################
	**##	TopNavigation
	**#####################
	*/
#top {
	position: relative;
	width: 980px;
	height: 33px;
	background-color: White;
	background: #fff url(img/hgr_top.jpg) bottom repeat-x;
	border: 0px solid;
}
#container-topnav {
	position: relative;
	padding-top: 5px;
	padding-right: 15px;
	height: 33px;
	width:auto;
	background: transparent;
	text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
	border: 0px solid;
}
#topnav_content {
	position: relative;
	float: right;
	height: 30px;
	color: #A59D9A;
	background: transparent;
	line-height: 30px;
	vertical-align: middle;
	text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
	margin: -5px 3px 0px 30px;
	border: 0px solid;
}
#menu_lang {
	padding: 3px 3px 1px 3px;
	border: 1px solid #ABD4C5;
	position: relative;
	float: right;
	top: 2px;
	height: auto;
	background: transparent;
}
	/*#####################
	**##	Main
	**#####################
	*/

#main {
	position:relative;
	clear: both;
	width: auto;
	background-color: White;
	border: 0px solid;
}
	/*#####################
	**##	Kopf
	**#####################
	*/

#header {
	width: 980px;
	height: 211px;
	background: transparent url(img/s_kopf.jpg) no-repeat top;
	border: 0px solid;
}
	
#header_layer {
	position: absolute;
	top: -22px;
	left: 20px;
	width: 94px;
	height: 225px;
	background: transparent url(img/foerster.gif) no-repeat top;
	border: 0px solid;
	z-index:4;
}
	/*#####################
	**##	linke Menüspalte
	**#####################
	*/
#col1 {
	position:relative;
	float: left;
	width: 190px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	height:auto;
	padding:0;
	border:0px solid;
}
#container-left-up {
	width: 190px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	height:auto;
}

#menu_1 {
	width: 190px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	height: auto;
	padding-top: 0px;
	overflow: hidden;
	background-color: #008945;
}
#menu-bottom {
	width: 190px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	height: 61px;
	overflow: hidden;
	background: transparent url(img/bottom_menu.jpg) no-repeat left;
}
#container-left-banner {
	width: 190px; 
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 0px;
	overflow: hidden;
	border: 0px solid;
}
* html #container-left-banner { /*IE-Hack*/
	width: 190px;	
	w\idth: 180px;
}

#facebook {
    height: 21px;
    margin: 30px 0 0 10px;
    width: 180px;
}
	/*##########################
	**##  Randbereich
	**##########################
	*/
#col2 {
	float: right;
	width: 170px;
	height: auto;
	overflow: visible;
	border: 0px solid;
}
#container-border {
	margin-top: 0px;
	margin-bottom: 20px;
	width: 170px;
}
* html #container-border {/*IE-HACK*/
	width: 170px;
	w\idth: 170px;
}

	/*##########################
	**##  Content
	**##########################
	*/
#col3	{
	position: relative;
	width: 755px;
	margin-left: 190px;
	padding-left: 20px;
	padding-right: 15px;
	margin-right: 0px;
	border: 0px solid;
}

* html #col3 {/*IE-HACK*/
	width: 795px;
	w\idth: 743px;
}
#col3_pfad {
	position: relative;
	width:auto;
	margin-top:-20px;
	height: 18px;
	border: 0px solid;
}
#col3_content { /*margin-top hier setzen, da sonst bei border=0px "top" sich bis auf das nächste "Kind-element" abfällt*/
	position: relative;
	width:auto;
	margin-top:0px;
	border:0px solid;
}
#content { /*ein "float:left;" einfügen, um ein "clear:both" nicht die äußeren Container zu beeinflussen*/
	float:left;
	width:100%;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	margin-bottom:10px;
	border: 0px solid;
	}

	/*##########################
	**## - fuß
	**##########################
	*/

#container-footer {
	padding-top: 0px;
	padding-left:15px;
	background-color: #FFF;
}
#bottom {
	height: 20px;
	background: url(img/hgr_bottom.jpg) no-repeat top;
	border: 0px solid;
}
	

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

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

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

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

	/* Diese Angabe benötigt der Safari-Browser zwingend !! */
	.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 }