/*
	** Fonts
	*/
		@font-face	{ font-family: Candara; src: url('Candara.ttf') format('truetype'); }

	/*
	** General Overwrites
	*/
		*						{ outline: none; border-width: 0px; border-spacing: 0px; margin: 0px; padding: 0px; }
		*::-moz-focus-inner		{ border:0px; padding: 0px; } /* Firefox Button Fix */
		td, tr, table, .content	{ vertical-align: top; }
		body						{ background: url("UI/Body.png") repeat scroll center top; height: auto !important; width: 100%; text-align: center; min-height: 1px; /* IE-Bug */ }
		body > *					{ text-align: left; }
		.content				{ position: relative; overflow: hidden; }


	/* 
	** Wrappers for Layers...
	*/
		#GlobalWrapper{
			margin: 0px;
			width:	913px;
			margin: 14px 30px;
			padding: 0px;
			padding-top: 0px;
			display: inline-block;
			background: url("UI/Layout.png") repeat scroll center top;
			box-shadow: 0px 1px 8px #909090;
			-moz-box-shadow: 0px 1px 8px #909090;
			-webkit-box-shadow: 0px 1px 8px #909090;
			border: 1px solid #9d9d9d;
			border-top-color: #bdbdbd;
			border-bottom-color: #888;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
		}
		
		#LeftWrapper{
			width:  190px;
			margin-left: 18px;
			float:  left;
		}
		
		#RightWrapper{
			width:  680px;
			margin-right: 18px;
			float: right;
		}

	/*
	** Standard Layers
	*/
		
		.layer-content , .layer-full, .layer-menu, .layer-slideout, .headerBox /*Specific*/ {
			position: relative;
			z-index: 1;
			display: block;
			margin-bottom: 8px;
			padding: 0px;
		}
		
		img.layer-full		{ width: 913px; z-index: 2; }
		img.layer-menu		{ width: 302px; z-index: 2; }
		img.layer-content	{ width: 604px; z-index: 2; }
		
		/* The Left outsided Layer (for Infos) */
		.layer-info > div	{ position: relative; left: -128px; width: 110px; padding: 3px 6px; }
		
		/*
		** The Logo
		*/
		.headerBox{
			width: 913px;
			height: 165px;
			padding: 0px;
			background: url(UI/Logo.png) no-repeat scroll top center;
		}
		
		/* Advertisement Box */
		.advertBox 			{ padding: 0px; height: 62px; min-height: 40px; border: 1px solid #bbb; }
	
	/*
	** Normal Layer Type
	*/
		.layer-type-normal{
			/* Shadow */
			/*box-shadow: 0px 0px 6px #000, 0px 0px 6px #000;
			-moz-box-shadow: 0px 0px 6px #000, 0px 0px 6px #000;
			-webkit-box-shadow: 0px 0px 6px #000, 0px 0px 6px #000;
			-o-box-shadow: 0px 0px 6px #000, 0px 0px 6px #000;*/
			border: 1px solid #D3D1D1;
			background: #F8F8F5;
			border-radius: 8px;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}
		
		/* Special */
		
			/* The Right Layer (for Navigation etc...) */
			.layer-menu.layer-type-normal > div.first-child		{ height:4px; background-color: rgba( 100 , 100 , 100 , 0.05 ); }
			.layer-menu.layer-type-normal > div.last-child		{ height:4px; background-color: rgba( 100 , 100 , 100 , 0.05 ); }
			.layer-menu.layer-type-normal > div.content			{ min-height:30px; background-color: rgba( 100 , 100 , 100 , 0.05 ); }
			.layer-menu.layer-no-first	   > div.first-child		{ display: none; }
			.layer-menu.layer-no-first	 						{ margin-top: -8px; }
			.layer-menu.layer-no-last	   > div.last-child		{ display: none; }
			.layer-menu.layer-no-last	 						{ margin-bottom: 0px; }
			
			/* The Main Layer (for the Content) */
			.layer-content.layer-type-normal > div.first-child	{ height:10px; background: transparent; }
			.layer-content.layer-type-normal > div.last-child	{ height:10px; background: transparent; }
			.layer-content.layer-type-normal > div.content		{ min-height:30px; padding: 0px 13px; background: transparent; }
			.layer-content.layer-no-first	 > div.first-child	{ display: none; }
			.layer-content.layer-no-first	 					{ margin-top: -8px; }
			.layer-content.layer-no-last	 > div.last-child	{ display: none; }
			.layer-content.layer-no-last	 					{ margin-bottom: 0px; }
			.layer-content.layer-no-last	 > div.content		{ padding-bottom: 6px; }
			
			/* Full Layer */
			.layer-full.layer-type-normal > div.first-child		{ height:4px; background: transparent; }
			.layer-full.layer-type-normal > div.last-child		{ height:4px; background: transparent; }
			.layer-full.layer-type-normal > div.content			{ min-height:30px; padding: 0px 6px; background: transparent; }
			.layer-full.layer-no-first	   > div.first-child		{ display: none; }
			.layer-full.layer-no-first	 						{ margin-top: -8px; }
			.layer-full.layer-no-last	   > div.last-child		{ display: none; }
			.layer-full.layer-no-last	 						{ margin-bottom: 0px; }
	
	/*
	** Engraved Layer Type
	*/
		.layer-type-engraved{ padding: 2px 16px; }
		
		/* Special */
			
			/* The Right Layer (for Navigation etc...) */
			.layer-menu.layer-type-engraved			{ padding: 5px 6px; }
			
			/* Some out-sliding Content */
			.layer-slideout.layer-type-engraved		{ z-index: 0; width: 481px; background: url(UI/slide-out-bg.png) repeat scroll center bottom transparent; border: 1px solid #8C8C8C; border-radius: 0 0 7px 7px; box-shadow: 0 0 6px black; margin: -8px auto 8px; margin-bottom: 18px; vertical-align: bottom; }
		
			/* Info Layer */
			.layer-info.layer-type-engraved			{ padding: 0px; width: 0px; height: 0px; background: transparent; overflow: visible; }
	
	
	/*
	**
	*/
	a.headerLink{
		display: block;
		cursor: pointer;
		height: 134px;
		left: 100px;
		position: absolute;
		top: 33px;
		width: 725px;
		text-decoration: none;
	}
	a.headerLink:hover{
		background: transparent;
	}
	
	/*
	** The Menu
	*/
	div.MenuBox{ display: block; overflow: visible; position: absolute; bottom: 0px; width: 100%; text-align: center;}
	div.MenuBox a{ z-index: 1; color: white; font-family: Narrow, Arial Narrow; position: relative; height: 39px; text-decoration: none; display: inline-block; padding: 0px 19px; font-size: 36px; }
	div.MenuBox a.current{ text-decoration: underline; }
	div.MenuBox div.Highlighter{ position:absolute; cursor: pointer; height: 40px; left: 20px; top: 0px; background:url(UI/menu-item-hover-bg.png) no-repeat scroll center 2px transparent; width: 110px; display: none; }