body {
	background-color:#000000;
	background-image:url(img/bg.png);
	background-position:top left;
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	
} 
  #layout {
	float:left;
	width:100%;
	height:660px;
	background-image:url(img/layout-bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
  }
  #logo {
	  float:left;
	  width:270px;
	  padding:0px;
	  margin:0px;
  }
  #wrap {
	  float:left;
	  width:625px;
	  padding:0px;
	  margin:0px;
	  margin-left:270px;
  }
  #thumbbox {
	  float:left;
	  background-repeat:no-repeat;
	  width:630px;
	  padding:0px;
	  margin:0px;
	  margin-top:5px;
	  min-height:400px;
  }
      .himbeerbox { background-image:url(img/bg-box-himbeer.png); }
	  .brombeerbox { background-image:url(img/bg-box-brombeer.png); }
	  .graubox { background-image:url(img/bg-box-grau.png); }
	  .aquabox { background-image:url(img/bg-box-aqua.png); }
	  .smaragdbox { background-image:url(img/bg-box-smaragd.png); }
	  .neutral { background-image:url(img/bg-box.png); }
	  #kontaktbox {
		  float:left;
		  width:625px;
		  padding:0px;
		  margin:0px;
		  margin-top:5px;
		  min-height:400px;
		  background-color:#000;
		  }
  #navi {
	  float:left;
	  width:100%;
	  height:86px; 
	  margin:0px;
	  margin-top:1px;
	  padding:0px;
  }
	.titel {
		float:left;
		padding:0px;
		margin:0px;
		margin-bottom:10px;
		width:100%;
	}
	.titel h1 {
		font-size:24px;
		font-weight:bold;
		padding:0px;
		margin:0px;
		margin-top:20px;
		color:#473757;
		text-align:center;
		
	}
	
	#content {
		float:left;;
		width:625px;
		height:350px;
		padding:0px;
		margin:0px;
		background-color:#000000;
	}

		.box {
			float:left;
			width:85px;
			height:85px;
			padding:0px;
			margin:0px;
			margin-right:5px;
			margin-bottom:5px;
			background-color:#808080;
			
		}
		.himbeer {
			background-color:#a10d59;
		}
		.brombeer {
			background-color:#540f33;
		}
		.grau {
			background-color:#3e3d40;
		}
		.aqua {
			background-color:#06a1b5;
		}
		.smaragd {
			background-color:#14646e;
		}
img {border:0px;}
.clear { clear:both;}
a {
	font-size:12px;
	font-weight:normal;
	color:#8a438f;
	text-decoration:none;
}
a:hover, a:focus {
	color:#F09;
	text-decoration:underline;
}
h2 {
		font-size:14px;
		font-weight:bold;
		padding:0px;
		margin:0px;
		margin-top:10px;
		color:#ffffff;
		text-align:center;	
	}

p {
	padding:10px;
	margin:0px;
	font-size:12px;
	color:#FFF;
}
h3 {	
	padding:10px;
	margin:0px;
	font-size:12px;
	font-weight:bold;
	color:#808080;
}
.beschreibung {
	position:absolute; 
	top:0px; 
	left:900px;  
	padding:5px; 
	margin:0px; 
	font-size:11px; 
	height:130px; 
	width:119px;
}
.small {
	font-size:11px;
}

/* ----------------------------- NAVIGATION -------------------------------- */
	a.nav {
		display:block;
		height:80px;
		vertical-align:middle;
		text-align:center;
		padding-top:10px;
	}
	a.nav:link, a.nav:visited {
		font-size:11px;
		font-weight:bold;
		text-decoration:none;
		color:#FFF;
	}
	a.nav:hover, a.nav:focus {
		font-size:11px;
		font-weight:bold;
		text-decoration:none;
		color:#FFF;
		background-image:url(img/hover-neutral.png);
		background-position:top left;
		background-repeat:no-repeat;
		text-transform:uppercase;
	}
	div.himbeer a.nav:hover, div.himbeer a.nav:focus, div.himbeer a.nav:active {	
		background-image:url(img/hover-himbeer.png);
	}
	div.brombeer a.nav:hover, div.brombeer a.nav:focus, div.brombeer a.nav:active {	
		background-image:url(img/hover-brombeer.png);
	}
	div.grau a.nav:hover, div.grau a.nav:focus, div.grau a.nav:active {	
		background-image:url(img/hover-grau.png);
	}
	div.aqua a.nav:hover, div.aqua a.nav:focus, div.aqua a.nav:active {	
		background-image:url(img/hover-aqua.png);
	}
	div.smaragd a.nav:hover, div.smaragd a.nav:focus, div.smaragd a.nav:active {	
		background-image:url(img/hover-smaragd.png);
	}
	a.aktiv:link, a.aktiv:visited {
		color:#FFF;
	}
	a.aktiv, a.aktiv:focus {
		color:#FFF;
	}
	a.nav span {
		display:none;
	}
	  a.nav:hover span {
		  display:block;
		  position:absolute;
		  top:0px;
		  height:350px;
		  width:625px;
		  z-index:2;
	  }
	  .himbeer a.nav:hover span {left:0px;}
	  .brombeer a.nav:hover span {left:90px;}
	  .grau a.nav:hover span {left:180px;}
	  .aqua a.nav:hover span {left:270px;}
	  .smaragd a.nav:hover span {left:360px;}
	  .kontakt1 a.nav:hover span {left:450px;}
	  .kirana a.nav:hover span {left:540px;}
	  
a.homelink {
	display:block;
    position:absolute;
	top:350px;
	left:0px;
	padding-top:90px;
	padding-left:100px;
	height:30px;
	width:140px;
	color:#808080;
	text-decoration:none;
}
	a.homelink span {
			display:none;
		}
		  a.homelink:hover span {
			  display:block;
			  height:30px;
			  width:100px;
		  }