@charset "UTF-8";

/**
 * Screen/main stylesheet for kuenzli-garten.ch
 *
 * This is the main stylesheet for the website kuenzli-garten.ch
 *
 * @version   2011-03-18 pxm
 * @author    Patrick Bonetti, Pixelmanufaktur
 * @copyright ©2010-2011 by Pixelmanufaktur Patrick Bonetti
 * @see       http://www.pixelmanufaktur.ch
 */

/***** GENERAL SETTINGS *****/

html, body {
	width: 100%;
	min-width: 960px;
	height: 100%;
}

html {

}

body {
	/* font-family: Helvetica, Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; */
	/* font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; */
	/* font-family: Tahoma, Geneva, Verdana, sans-serif; */
	font-family: Helvetica, Arial, sans-serif;
}

em {
	font-style: italic;
}

a {
	color: #E03A33;
}

a:visited {
	color: #999;
}

a:hover {
	color: #333;
	text-decoration: underline;
}


a:active {
	color: #F2A61A;
	text-decoration: none;
}


.clearer {
	clear: both;
}

.centerwrap {
	width: 960px;
	min-width: 960px;
	margin: 0 auto;
}

#mainnav {
	display: none;
	position: absolute;
	z-index: 100;
	top: 40px;
	left: 50%;
	margin-right: -480px;
	width: 480px;
}

#mainnav li {
	float: left;
	display: inline; /*For ignore double margin in IE6*/
	margin: 0 10px;
}

#mainnav li a {
	text-decoration: none;
	float:left;
	background: transparent url("../../assets/media/navi_buttons.png") no-repeat right 0;
	cursor: pointer;
}

#mainnav li a span {
	margin: 0 10px 0 -10px;
	padding: 7px 0px 6px 10px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float: left;
	background: transparent url("../../assets/media/navi_buttons.png") no-repeat left 0;
	font-size: 13px;
	line-height: 15px;
	color: #FFF;
}

.gf #mainnav li.current a {
    background-position: right -28px;
}

.gf #mainnav li.current a span {
    background-position:  left -28px;
}

.gb #mainnav li.current a {
    background-position: right -56px;
}

.gb #mainnav li.current a span {
    background-position:  left -56px;
}

.kue #mainnav li.current a {
    background-position: right -84px;
}

.kue #mainnav li.current a span {
    background-position:  left -84px;
}

#mainnav li a:hover,
#mainnav li a:hover,
.kue #mainnav li.current a,
#mainnav li a:hover {
    background-position: right -84px;
}

#mainnav li a:hover span,
#mainnav li a:hover span,
.kue #mainnav li.current a span,
#mainnav li a:hover span {
    background-position:  left -84px;
}