/* ------------ page globals --------------------- */
body	{
	margin: 0; padding: 0;
	color: #000000;
	background: #ffffff;
	font: 62.5% Georgia, "Times New Roman", Times, serif;
}

/* ------------ defaults --------------------- */
html, body		{width: 100%; height: 100%;}
ul, ol, li		{margin: 0; padding: 0; list-style-type: none;}
img				{border: 0;}
* table, * td	{border-collapse: collapse; padding: 0;}

a:visited	{color: #924817;}
a:hover		{color: #e47024;}
a			{color: #c86220;}

/* ------------ useful --------------------- */

.clear	{clear: both; height: 1px;}
.nowrap {white-space: nowrap;}
.visible	{display: auto !important;}
.hidden		{display: none !important;}

/* ------------- typography ------------ */
h1	{font-size: 1.9em; font-weight: normal; color: #470f0e; margin: 0 0 0.4em 0;}
h2	{font-size: 1.5em; font-weight: normal; color: #470f0e; margin: 2em 0 0.7em 0;}
h3	{font-size: 1.3em; font-weight: normal; color: #470f0e; margin: 0;}
p	{font-size: 1.3em; line-height: 1.4em; margin: 0 0 0.7em 0;}

.inline	{display: inline;}

/* ------------- startpage ------------ */
.startpageBricks img	{margin: 0 1px 1px 0; float: left;}
.startpageBricks	{position: absolute; top: 0; z-index: 10;}
.startpageBricks .bricks	{position: absolute;}
.fadeOn	{overflow: hidden;}
.startpageBricks .blankBrick	{width: 230px; height: 230px; margin: 0 1px 1px 0; float: left; background: #cf7630;}
.startpageBricks .brickColor1	{background: #5c1900;}
.startpageBricks .brickColor2	{background: #cf7630;}
.startpageBricks .brickColor3	{background: #7c3100;}
.startpageBricks .brickColor4	{background: #984806;}

.startpageBricks .bricksBottom	{position: absolute;}

.startpage	{background: #fef1d1 url('/i/bg.gif') top left;}

/* ------------- navigation ----------- */
.logo	{float: left; margin: 0 1px 1px 0; position: relative; z-index: 20;}
.navigation	{float: left; width: 230px; height: 230px; background: #be6229; position: relative; z-index: 20; font-size: 1.4em; border: 1px solid #FFFFFF; border-width: 0 1px 1px 0;}
.navigation	{color: #fef1d2;}
.navigation a	{ color: #fbffff;}
.navigation ul	{padding: 20px 0 0 17px; line-height: 1.4em; margin: 0;}
.navigation ul ul	{padding: 0 0 0 15px; font-size: 0.9em; line-height: 1.55em; margin: 0;}
.navigation li		{margin: 0; padding: 0;}
.navigation a:hover	{text-decoration: none;}
/*.navigation li		{color: #470f0e;}*/


/* ---------- footer -------------- */
.startpage .footer	{display: block;}
.footer	{position: absolute; z-index: 20; bottom: 0; color: #FFFFFF; text-shadow: 0 0 0 #000000; display: none;}
.footer .copyright	{width: 218px; float: left; padding: 0 0 0 13px;}
.footer .firma	{width: 218px; float: left; padding: 0 0 0 13px;}
.footer .firma a	{color: #FFFFFF; text-decoration: none;}
.footer .firma a:hover	{text-decoration: underline;}

/* -------- layout ---------- */
.text	{clear: both; width: 350px; padding: 30px 60px 0 50px; float: left; position: relative; z-index: 100;}

.galleryContainer	{position: absolute; top: 0; left: 0; width: 100%; overflow: hidden;}
.galleryContainer div.padding	{margin-left: 462px; overflow: hidden;}
.galleryContainer div.center	{overflow: hidden; position: relative; width: 460px;}
.galleryContainer img	{position: relative; display: block; margin-left: -230px; left: 50%;}
.galleryContainer img.bottomImage	{position: absolute;}

.photoGallery	{width: 100%; border-top: 1px solid #FFFFFF;}
.photoGallery .padding	{margin-left: 462px; width: 460px;}
.photoGallery img	{position: static; display: inline; margin: 0; left: 0; width: 45px; height: 45px; cursor: pointer; cursor: hand;}
.photoGallery li	{border: 1px solid #FFFFFF; border-width: 0 1px 1px 0; float: left;}


/* ------- scalableLayut --------- */
body.centerIllustration .galleryContainer div.center	{width: 100%; max-width: 690px;}

body.illustrationToBottom .galleryContainer	{position: static; width: 100%; clear: both;}
body.illustrationToBottom .galleryContainer div.padding	{margin: 0;}
body.illustrationToBottom .galleryContainer div.center	{width: 100%;}
body.illustrationToBottom .galleryContainer img	{width: 460px; height: 460px; margin: 0; left: 0;}

body.verySmallScreen .galleryContainer img	{width: 231px; height: 231px; margin: 0;}
body.verySmallScreen .text	{padding: 0 0 0 10%; width: 80%;}

body.tinyScreen	{width: 231px;}

body.maxBricksWidthOff .productBricks	{width: 100%;}
body.bricksToBottom .productBricks	{position: static; width: 100%; clear: both;}
body.bricksToBottom .productBricks div.padding	{margin: 0;}

body.centerIllustration .photoGallery .padding	{width: auto;}
body.illustrationToBottom .photoGallery img	{width: 45px; height: 45px; margin: 0;}
body.illustrationToBottom .photoGallery .padding	{width: 460px; margin: 0;}
body.verySmallScreen .photoGallery .padding	{width: 100%;}


/* -------- products --------- */
.productBricks	{position: absolute; top: 0; left: 0; width: 930px; overflow: hidden;}
.productBricks div.padding	{margin-left: 462px; overflow: hidden;}
.productBricks ul	{float: left; width: 100%;}
.productBricks li	{margin: 0 1px 1px 0; width: 115px; height: 115px; float: left;}
.productBricks img	{width: 115px; height: 115px; position: absolute; cursor: pointer; cursor: hand;}