@charset "utf-8";

/*************************************
	Startseite
	Inhalt

	1. Seitenaufbau
    2. Navigation (Kollektionen)
*************************************/


/*************************************
    1. Seitenaufbau
*************************************/

/* vertikal mittig */
div#wrapper
{
	top: 50%;
	border: none;
}
div#site
{
	margin: -200px auto;
}

/* Logo */
h1#logo
{
	float: none !important;
	margin: 0px !important;
	background: url(../../images/logo.gif) no-repeat;
}
	h1#logo a
	{
		text-indent: -9999px;
		display: block;
		width: 280px;
		height: 32px;
	}
	


/*************************************
    1. Navigation (Kollektionen)
*************************************/
ul#kollektionen
{
	margin: 90px auto;
	width: 800px;
	height: 120px;
}
	ul#kollektionen li
	{
		width: 118px;
		height: 118px;		
		border: 1px solid #ccc;
		margin: 0px 20px;
	}
		ul#kollektionen li a
		{
			background: none;
			text-indent: 0px;
			opacity: 1;
			filter: alpha(opacity=100);
			-moz-opacity: 1;
		}
	
	
	/* Logos und Hintergrundbilder (Position siehe unten) */
	ul#kollektionen li span.logo,
	ul#kollektionen li span.img
	{
		background: no-repeat;
		width: 118px;
		height: 118px;
		position: absolute;
		left: 0px;
		top: 0px;
		text-indent: -9999px;
		cursor: pointer;
	}
	ul#kollektionen li span.img
	{
		background-image: url(../../images/kollektionen.jpg);
		z-index: 20;
	}
	ul#kollektionen li span.logo
	{
		background-image: url(../../images/logos.gif);
		z-index: 10;
		display: none;
	}
		
		/* Hover-Effekt */
		.nojs ul#kollektionen li a:hover .logo
		{
			display: block;
		}
		.nojs ul#kollektionen li a:hover .img
		{
			opacity: 0.20;
			filter: alpha(opacity=20);
			-moz-opacity: 0.20;
		}
				

/* Position der Logos und Hintergrundbilder der einzelnen Kollektionen */
ul#kollektionen li.pure span	{	background-position: 	0px center; }
ul#kollektionen li.swan span 	{	background-position: -120px center; }
ul#kollektionen li.lodge span 	{	background-position: -240px center; }
ul#kollektionen li.koi span 	{	background-position: -360px center;	}
ul#kollektionen li.sign span 	{	background-position: -480px center;	}