/* Global 
----------------------------------------------------------*/
html {
	height:100%;
	margin:0;
	padding:0;
}
body {
	height:100%;
	margin:0;
	padding:0;
	background-color:#fff;
}

/* Text Style 
----------------------------------------------------------*/
h1 {	
	font: 400 16px/18px "Trebuchet MS", "Myriad Web", Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color:#000;
}
#content { 
	font: 400 12px/14px  "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#000
}

/* Home
----------------------------------------------------------*/
#homeslide {
	position: absolute;
	top:0px;
	left:200px;
	width:330px;
	height:330px;
	z-index:29;
}
#hometext {
	position: absolute;
	top:210px;
	left:20px;
	width:270px;
	height:160px;
	z-index:30;
}
/* Produkte
----------------------------------------------------------*/
#produktetext {
	position: absolute;
	top:210px;
	left:20px;
	width:270px;
	height:160px;
	z-index:30;
}
/* Shop
----------------------------------------------------------*/
#shopslide {
	position: absolute;
	top:15px;
	left:161px;
	width:330px;
	height:330px;
	z-index:29;
}
#shoptext {
	position: absolute;
	top:210px;
	left:20px;
	width:200px;
	height:160px;
	z-index:30;
}
/* Layout 
----------------------------------------------------------*/
#center {
	width:636px;
	margin: 0 auto;
	text-align: left;
}
#content {
	z-index:3;
	position:relative;
	top:40px;
	width:568px;
	height:350px;
	margin:35px;
}
#home, #produkte, #shop, #kontakt {
	z-index:1;
	position:relative;
	margin:0;
	padding:0;
	width: 636px;
	height:485px;
}
#home {
	background: url(../gfx/bg_home.gif) no-repeat 0 0;
}
#produkte {
	background: url(../gfx/bg_produkte.gif) no-repeat 0 0;
}
#shop {
	background: url(../gfx/bg_shop.gif) no-repeat 0 0;
}
#kontakt {
	background: url(../gfx/bg_kontakt.gif) no-repeat 0 0;
}
#navigation {
	z-index:2;
	position:relative;
	float: right;
	width:335px;
	top: -85px;
}
#navigation img {
	float:left;
	margin:5px;
	padding:0;
}