body
{
	color: #000;
	font:62.5%/140% arial,sans-serif;
	margin:0;
	padding:0;
	text-align:center;
	background:#fff;
}

.clearer
{
	clear: both;
	height: 1px;
}

#ContainerColumn
{
	width:820px;
	margin:0 auto;
	text-align:left;
	padding: 0 20px;
}
	#Container
	{
		position: relative;
	}
		#Header{}
		#Logo{}
				#Logo h1
				{
					margin: 0;
					padding: 20px 0 14px;
					font-size: 52px;
					font-weight: bold;
					line-height: 1em;
				}
				#Logo h1 a
				{
					text-decoration: none;
					color: #000;
				}
        
				#Logo h1 span
				{
					margin: 0;
					font-size: 27px;
					font-weight: normal;
				}
        #Navigation
        {
			position:absolute;
			width: 100%;
			z-index: 5;
			overflow: hidden;
			height: 21px;
		}
            #NavigationHeader{}
            #NavigationBody
            {
				background-color: #fff;
				min-height: 1px;
				position: relative;
			}
                #MenuTree
                {
					position: relative;
					background-color: #fff;
				}
					#MenuTree ul
					{
						margin: 0;
						padding: 0;
						background-color: #fff;
					}
					#MenuTree ul li
					{
						padding: 0 62px 0 6px;
						background: #fff;
						font-size: 1.6em;
						line-height: 1em;
						display: block;
						float: left;
						list-style-type: none;
						font-weight: bold;
					}
					#MenuTree ul li a,
					#MenuTree ul li.current li a
					{
						color: #333;
						text-decoration: none;
					}
					#MenuTree ul li.current a,
					#MenuTree ul li.current li.current a
					{
						color: #666;
					}
					#MenuTree ul ul
					{
						margin: 16px 0;
					}
					#MenuTree ul li li
					{
						background: none;
						font-size: 0.9em;
						line-height: 1.5em;
						float: none;
						padding: 0;
					}
					#MenuTreeFooter
					{
						clear: both;
					}
            #NavigationFooter
            {
				position: relative;
				border-bottom: 1px solid #000;
				background-color: #fff;
				/* background: transparent url(/images/moret/mainmenufootershadow.png) repeat-x top left; */
				height: 3px;
			}
        
        #Body
        {
			margin-top: 22px; /* uitsparing ivm menu */
			padding-top: 40px;
		}
            #BodyBase
            {
				position: relative;
			}
            
/* Homepage items */
                #HomeShowcase
                {
					float: left;
					width: 460px;
					min-height: 409px;
				}
                #HomeWelcome
                {
					float: right;
					width: 360px;
					min-height: 409px;
				}
                    #Expositions
                    {
						width: 338px;
						padding: 0 0 22px 0;
						margin: 0 0 0 22px;
						border-bottom: 1px solid #CBCBCB;
					}
                        #Expositions .header
                        {
							font-size: 2.6em;
							line-height: 1em;
							margin-top: -3px; /* om de exposities header strak te krijgen met de bovenkant van de showcase foto */
							padding: 0 0 24px;
						}
                        #Expositions .detail
                        {
						}
                        #Expositions .detail h2,
                        #Expositions h2
                        {
							margin: 0;
							padding: 2px 0 0 0;
							font-size: 1.6em;
						}
                        #Expositions .detail p,
                        #Expositions p
                        {
							margin: 0;
							padding: 3px 0 0;
							font-size: 1.4em;
							line-height: 1.4em;
						}
						#Expositions a
						{
							text-decoration: none;
							color: #666;
						}
						#Expositions p.date
						{
							margin: 0;
							padding: 3px 0 20px;
							font-size: 1.2em;
							color: #999;
						}
						#Expositions span.date
						{
							margin: 0;
							padding: 3px 0 20px;
							font-size: 0.85em;
							color: #999;
						}
						#Expositions p.date span.date
						{
							padding: 0;
							font-size: 1em;
						}
                    #HomeArtist
                    {
						width: 338px;
						margin: 22px 0 0 22px;
						position: relative;
					}
                        #ArtistDescription
                        {
							float: left;
							width: 198px;
							margin: 0 22px 0 0;
						}
							#ArtistDescription h2
							{
								padding: 0;
								margin: 0;
								font-size: 1.6em;
								line-height: 1em;
							}
							#ArtistDescription p
							{
								margin: 0;
								padding: 3px 0 0;
								font-size: 1.4em;
								line-height: 1.4em;
							}
							#ArtistDescription a
							{
								text-decoration: none;
								color: #666;
							}
                        #ArtistPicture
                        {
							float: right;
							width: 118px;
						}
/* TextPage */
				#TextPage
				{
					width: 460px;
				}
					#TextPage .header
                    {
						font-size: 2.6em;
						line-height: 1em;
						margin: -3px 0 24px; /* om de exposities header strak te krijgen met de bovenkant van de showcase foto */
					}
                    #TextPage h2
                    {
						margin: 9px 0 0;
						padding: 2px 0 0 0;
						font-size: 1.6em;
					}
                    #TextPage p
                    {
						margin: 0;
						padding: 3px 0 0;
						font-size: 1.4em;
						line-height: 1.4em;
					}
                    #TextPage p a
                    {
						color: #666;
						text-decoration: none;
                    }
					#TextPage img
					{
						margin: 6px 0;
					}
                    #TextPage p.date
                    {
						margin: 0;
						padding: 3px 0 20px;
						font-size: 1.2em;
						color: #999;
					}
                    #TextPage span.date
                    {
						margin: 0;
						padding: 3px 0 20px;
						font-size: 0.85em;
						color: #999;
					}
                    #TextPage p.date span.date
                    {
						padding: 0;
						font-size: 1em;
					}


/* Works items */
				#WorksWrapper
				{
						width: 819px; /* zorg ervoor dat rechts van het achterste werk ook niet nog een grijs lijntje verschijnt */
						height: 409px;
						overflow: hidden;
				}
					#Works
					{
	width: 820px;
	/*height: 410px;*/
						background-color: #CCCCCC;
					}
						#Works .work
						{
							background-color: #FFF;
							width: 204px;
							height: 204px;
							float: left;
							margin: 0 1px 1px 0;
							cursor:pointer;
							display: none;
						}
						#Works .nonactive
						{
							cursor:default;
						}
						#Works .workImage
						{
							width: 160px;
							height: 160px;
							margin: 22px;
						}
						#Works .workImage img
						{
							display: block;
							margin: 0 auto;
						}        
						#Works .bigimage, 
						#Works .description
						{
							display: none;
						}        

				#BodyNavigationBar
				{
					margin: 26px 0 0 0;
					height: 20px;
					position: relative;
				}
					#BodyNavigationBar ul
					{
						padding: 0;
						margin: 0;
					}
					#BodyNavigationBar ul li
					{
						padding: 0;
						margin: 0;
						list-style-type: none;
						float: left;
						width: 16px;
					}
					#BodyNavigationBar ul li a
					{
						font-size: 1.4em;
						font-weight: bold;
						text-decoration: none;
						color: #333;
					}
					#BodyNavigationBar ul li.current a
					{
						color: #666;
					}

/* Overlay */
				#BodyOverlay
				{
					position: absolute;
					z-index: 10;
					width: 820px;
					height: 655px;
					display: none;
					top: 0;
				}
					#OverlayBackground
					{
						position: absolute;
						z-index: 11;
						width: 100%;
						height: 100%;
						background-color: #fff;
						display: none;
						
						opacity: 0.9; /* doorzichtigheid in FF, Opera, Safari, Chrome */
						filter:alpha(opacity=90); 
					}
					#OverlayForeground
					{
						position: absolute;
						z-index: 12;
						width: 100%;
						height: 100%;
						display: none;
				}
						#OverlayWork
						{
							width: 812px; /* net even breder dan twee foto's, om de grijze verticale lijn in de achtergrond te laten verdwijnen */
							height: 610px;
							background-color: #fff;
							margin: 0 auto;
							cursor:pointer;
						}
							#OverlayWork img
							{
								display: block;
								margin: 0 auto;
							}
						#OverlayWorkDescription
						{
							position: absolute;
							left: 0;
							bottom: 0;
						}
							#OverlayWorkDescription h2
							{
								font-size: 1.6em;
								font-weight: bold;
								margin:0;
								padding: 0;
								line-height: 1.5em;
							}
							#OverlayWorkDescription p
							{
								font-size: 1.4em;
								margin:0;
								padding: 0;
								line-height: 1.5em;
							}
							#OverlayWorkDescription p a
							{
								color: #333;
							}
						#OverlayNavigationBar
						{
							padding-top: 24px;
							height: 20px;
						}
							#OverlayStepper
							{
								width: 280px;
								margin: 0 auto;
								position: relative;
								font-size: 1.4em;
								line-height: 1.5em;
							}
								#OverlayStepper .prevButton
								{
									position: absolute;
									left: 0;
									top:0;
								}
								#OverlayStepper .prevButton a
								{
									color: #333;
								}
								#OverlayStepper .closeButton
								{
									text-align: center;
								}
								#OverlayStepper .closeButton a
								{
									color: #333;
									text-decoration: none;
								}
								#OverlayStepper .nextButton
								{
									position: absolute;
									right: 0;
									top:0;
								}
								#OverlayStepper .nextButton a
								{
									color: #333;
								}

        #Footer
        {
			height: 20px;
			clear: both;
		}