*
{
  padding: 0px;
  margin: 0px;
  border: none;
  outline: none;
}

body
{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url('/images/body-bg-repeat.gif') repeat-x #777563;
	line-height: 18px;
	color: #cccccc;
}

#background {
width: 100%;
display: table;
background: url('/images/body-bg.gif') no-repeat;
}

#wrapper
{
	width: 980px;
	margin: 0px auto 0px auto;
	background: url('/images/content-bg-repeat.gif') repeat-y;	
}

/* ----- HEADER ----- */
#header
{	
height: 168px;
background: url('/images/header.gif') no-repeat 0px 1px;
}

	/* MetaMenu */
	#metamenu
	{
	  	float: right;
	}

		ul.metamenu
		{
			float: right;
		}
			ul.metamenu li
			{
			  display: inline;			  
			}

				ul.metamenu li a,
				ul.metamenu li a:visited
				{
					padding: 0px 5px;
					border-left: 1px solid #555555;
				}

				ul.metamenu li.first a,
				ul.metamenu li.first a:visited
				{
					border: none;
				}
				
	/* Search */
	#search {
		width: 160px;
		position: absolute;
		margin-left: 811px;
		top: 176px;
		z-index:3;
	}
	
		form#zoekForm
		{
		
		}

			form#zoekForm input#ZoekString
			{
			  background: none;
			  padding: 2px 3px;
			  color: #999999;
			  width: 125px;
			  float: left;
			  background:black;
			  border: 1px solid #666666;
			}

			form#zoekForm input#ZoekString:focus
			{
			}

			form#zoekForm input#ZoekButton
			{
			  background: black url('/images/search-icon.png') no-repeat;
			  width: 25px;
			  height: 22px;
			  cursor: pointer;
			  float: right;
			  border: 1px solid #666666;
			}

	/* LanguageSelector */
	#language  {
	position: absolute;
	margin-top: 10px;
	margin-left: 5px;
	}

		ul.language
		{
		  font-size: 10px;		  
		  margin: 0px;		
		}
			ul.language li
			{
			  display: inline;
			  padding: 2px;
			}

				ul.language li.active a,
				ul.language li.active a:visited
				{
				  text-decoration: none;
				  font-weight: bold;
				}

		fieldset
		{
		  border: none;
		}

	

/* ----- MAIN MENU ----- */
#menu {

}
	#menu ul {
		margin: 0px 0px 0px 0px;
		display: block;
		list-style: none;
		text-align: right;
	}

			#menu ul li a,
			#menu ul li a:visited {				
				color:white;
				text-decoration: none;
				text-transform: uppercase;
				font-size: 13px;
				padding: 4px 10px;
				font-weight: bold;
				display: block;	
				padding-right:30px;
				background:black;
			}
			
				#menu ul li a:hover {
					text-decoration: underline !important;
				}
				
				#menu ul li.active a,
				#menu ul li.active a:visited {
					text-decoration: none;
					color: #F4DF7D;
					font-weight:bold;
					background:black !important;
				}
				
				#menu ul li.active a,
				#menu ul li.active a:visited,
				#menu ul li.active ul {
					background:#1b1b17 !important;
				}
				
				#menu ul.menu li.active ul {
				background:black !important;
				padding:10px 0px;
				border-bottom:1px solid #1b1b17;
				margin-bottom:10px;
				margin-right:10px;
				}
						#menu ul.menu li.active li.active ul {
						border-bottom:none;
						margin-bottom:0px;
						}
															  
						#menu ul li.active li.active a,
						#menu ul li.active li.active a:visited {
						font-weight:bold;
						color: white;
						background:black !important;
						}
						
						#menu ul li.active li.active li a,
						#menu ul li.active li.active li a:visited {
						font-size:10px;
						background:black !important;
						font-weight:normal;
						color:white;
						}
						
							#menu ul li.active li.active li.active a,
							#menu ul li.active li.active li.active a:visited {
							font-weight:bold;	
							}
			
						  #menu li.active li a,
						  #menu li.active li a:visited {
							  font-size: 12px;
							  text-transform: none;
							  color: #F4DF7D;
							  font-weight: normal;
							  padding: 2px 10px;
							  padding-right:30px;
							  background:black !important;
						  }		

/* KRUIMELPAD */
#breadCrumb
{
	margin: 5px 0px 15px 243px;	
	font-size: 10px;
}

	#breadCrumb a,
	#breadCrumb a:visited {
	color: #ccc;
	}

/* ----- COLUMN ----- */
#column
{
	float: left;
	min-height: 333px;
	height: auto !important;
	height: 333px;
	width: 211px;
	padding-top: 33px;
}

	#column h2
	{		
	}

		#submenu ul
		{
			list-style: none;
			padding: 0px;
			margin: 0px 0px 5px 0px;
		}

			#submenu ul ul
			{
			  border: none;
			  margin: 0px 0px 10px 10px;
			}

			#submenu li a,
			#submenu li a:visited
			{
				color: #888;				
				text-decoration: none;
				font-size: 12px;
				display: block;
				padding: 3px 0px;
				margin: 0px;				
				min-height: 20px;
				height: auto !important;
				height: 20px;
			}

			#submenu li.active a,
			#submenu li.active a:visited
			{
				color: black;				
			}

				#submenu li.active li a,
				#submenu li.active li a:visited
				{
				  padding: 2px 0px;
				  min-height: 16px;
				  height: auto !important;
				  height: 16px;
				  color: #888;
				  font-size: 11px;
				}

				#submenu li.active li.active a,
				#submenu li.active li.active a:visited
				{
					color: black;
				}
			
/* ----- CONTENT ----- */
#content
{
	height: auto !important;
	height: 300px;
	min-height: 300px;
	margin-left: 211px;	
	padding-left: 30px;
	padding-right: 30px;

}

	.clear {  /* excuses -> display: table werkt niet goed door niet-standaard content */
	clear: both;
	height: 30px;
	}
	
	
	/* HOMEPAGE SNELKEUZE */ 
	
	.snelkeuze {
	margin-left: -29px;
	width: 768px;	
	}
	
		.snelkeuze div {		
		float: left;
		}
		
			.snelkeuze div a,
			.snelkeuze div a:visited {
			display: block;
			width: 145px;
			border: 10px solid black;
			
			height: 36px;
			text-decoration: none;
			color: black;
			padding-left: 27px;
			padding-top: 119px;
			text-transform: uppercase;
			}
			
				.snelkeuze div.snelkeuze-magazijn a,
				.snelkeuze div.snelkeuze-magazijn a:visited {
				width: 720px;
				padding-top: 44px;
				height: 45px;				
				}
			
			.snelkeuze div a:hover {
			text-decoration: underline;
			}					
	
		.snelkeuze-museum {
		background: url('/images/homepage-museum.jpg') no-repeat;
		}
		
		.snelkeuze-theater {
		background: url('/images/homepage-theater.jpg') no-repeat;
		}

		.snelkeuze-architectuur {
		background: url('/images/homepage-architectuur.jpg') no-repeat;
		}

		.snelkeuze-evenementen {
		background: url('/images/homepage-evenementen.jpg') no-repeat;
		}
		
		div.snelkeuze-magazijn {
		background: url('/images/homepage-magazijn.jpg') no-repeat right top;
		}
		

		

/* ----- FOOTER ----- */
#footer
{
	clear: both;
	background: url('/images/footer-bg.gif') no-repeat;

	height: 252px;
	margin-bottom: 25px;
	padding-left: 243px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-right: 30px;
	}
	
	
	/* ----- SHOWCASE ----- */
#showcase {
height: 300px;
margin-bottom: 25px;
}	
	#arrow_up {
	display: none;
	}
	
	#arrow_down {
	display: none;
	}

	#slider_wrapper {
	background: #333;
	height: 294px;
	border: 1px solid #666;
	}
	
	
	#showcase .photos img{
	margin-left: 21px;
	border: 2px solid white;
	margin-top: 0px;
	}
	
	.photos .counter {
	position: absolute;
	margin-left: 224px;
	margin-top: 300px;
	}
	
	.photos #captation {
	border: none;
	width: 490px;
	text-align: center;
	position: absolute;
	margin-top: 330px;
	display: none;
	}