/*
heel lichtpaars: c8c8d5
 lichtpaars : #a3a3ba
donkerpaars: #452459;
*/

/* typography */
body, p {
	font-size: 12px;
	line-height: 18px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif;
	color: #3d3731;
	/*background: #642D8B url('bg2009.gif') fixed repeat top left;*/
}

a {
	color: #c60071;
}

h1 {
	/*color: #dd8142;*/
	color: #c60071;
	font-size: 26px;
	line-height: 1em;
	font-family: Times, "Times New Roman", serif;
	font-weight: 500;

	/*border-left: 5px solid #dd8142;*/
	border-left: 5px solid #c60071;
	

	margin-top: 1.2em;
	margin-left: -20px;
	padding: 0 0 0 15px;
	
	background: transparent url(http://www.oudejaarsshow.nl/images/1px_e49a68.png) no-repeat 15px 0.95em;
}

h2 {
	/*color: #dd8142;*/
	color: #c60071;
	font-size: 18px;

	font-family: Times, "Times New Roman", serif;
	font-weight: 500;

	/*border-left: 5px solid #dd8142;*/
	border-left: 5px solid #c60071;

	margin-top: 1.5em;
	margin-left: -20px;
	padding: 0 0 0 15px;
	
	background: transparent url(http://www.oudejaarsshow.nl/images/1px_e49a68.png) no-repeat 15px 0.94em;
}
.accent {
	color: #6096b0;
}
.oneven{
	vertical-align:top;
}
.even {
	vertical-align:top;
}
h3 {
	/*color: #dd8142;*/
	color: #452459;
	font-size: 16px;

	font-family: Times, "Times New Roman", serif;
	font-weight: bold;

	margin-top: 1.5em;
	margin-left: -20px;
	padding: 0 0 0 15px;
}
	#sidebar h2 {
		margin-top: 1em;
		margin-bottom: 0;
		margin-left: -15px;
		padding: 0 0 0 10px;
	
		background: transparent url(http://www.oudejaarsshow.nl/images/1px_e49a68.png) no-repeat 10px 0.94em;
	}

	h1 a, h2 a {
		text-decoration: none;
			/*color: #dd8142;*/
	color: #c60071;
	}

ul li {
	margin-top: 0.5em;
}

img.align, .promote img {
	display: block;
	padding: 2px;
	border: 1px solid #eeebdf;
	margin: 0 5px;
}
img.right {
	float: right;
	margin-right: 0;
}
img.left {
	float: left;
	margin-left: 0;
}

/* colors used in multiple places */
.index_color 			{ background-color: #a3a3ba; }
.index_color_light		{ background-color: #c8c8d5; }
.cat_color 			{ background-color: #a3a3ba; }
.cat_color_light		{ background-color: #c8c8d5; }
.cat_color_active		{ background-color: #452459; }
.cat0_color 			{ background-color: #a3a3ba; }
.cat0_color_light		{ background-color: #c8c8d5; }
.cat0_coloractive		{ background-color: #452459; }
.cat2_color 		{ background-color: #a3a3ba; }
.cat2_color_light 	{ background-color: #c8c8d5; }
.cat2_color_active		{ background-color: #452459; }
.cat1_color 		{ background-color: #a3a3ba; }
.cat1_color_light	{ background-color: #c8c8d5; }
.cat1_color_active		{ background-color: #452459; }
.cat3_color 			{ background-color: #a3a3ba; }
.cat3_color_light 	{ background-color: #c8c8d5; }
.cat3_color_active		{ background-color: #452459; }
.cat4_color			{ background-color: #a3a3ba; } 
.cat4_color_light	{ background-color: #c8c8d5; }
.cat4_color_active		{ background-color: #452459; }

/* hover backgrounds for main nav */
#nav .cat_hover  { background: #c8c8d5}
#nav .cat0_hover  { background: #c8c8d5}
#nav .cat2_hover  { background: #c8c8d5 }
#nav .cat1_hover  { background: #c8c8d5  }
#nav .cat3_hover  { background: #c8c8d5  }
#nav .cat4_hover  { background: #c8c8d5 }

/* commoners */
.clear {
	clear: both;
	height: 1px;
	overflow: none;
}

* html .iesucks {
	display: none;
	background-color: red;
}

/* layout */
body {
	background: url(http://www.oudejaarsshow.nl/bg_oudejaarsshow2011.jpg) no-repeat scroll center top transparent;
	min-height: 1900px;
}

.layout_center {
	width: 745px;
	margin: 0 auto;
	position: relative;
	background-color: white;
}

#header {
	position: relative;
	
	z-index: 99;
}
	#logo {
		position: relative;
		width: 211px;
		height: 98px;
		top: 7px;
		left: 25px;
	}
	#nav {
		position: relative;
		float: right;
		margin-top: 29px;
		height: 85px;
	}
		#nav div { /* nav squares */
			float: left;
		
			width: 87px;
			height: 24px; /* plus the large amount of padding */
			margin-left: 1px;
			border-top: 4px solid white; /* inactive blocks stay as tall as active block via an empty border */
		
			padding-left: 6px;
			padding-top: 56px;
		
			cursor: pointer;
			color: white;
		}
		#nav div a {
			text-decoration: none;
			color: white;
		}
		#nav div.active {
			padding-top: 61px;
			border-top: none;
			background-color: #c60071;
			font-weight: bold;
		}
			#nav div.active a {
			}
	.second_nav { /* using class rather than ID to make overriding easier */
		position: relative;
		width: 100%;
		height: 1.95em;
		color: #fff;
		overflow: hidden;
		background-color: #C60071;
	}
		.second_nav div.item {
			height: 1.8em;
			line-height: 2.0em;
			margin-top: 0;

			padding: 0 1em;
			
			float: left;
			border-right: 1px solid #eaeaea;
			color: #333;

			
			font-weight: bold;
		}
		.second_nav div.empty_item {
			height: 1.8em;
			line-height: 2.0em;
			margin-top: 0;

			padding: 0 1em;
			
			float: left;
			color: #333;
			
			border-right: 1px solid #eaeaea;
			
			font-weight: bold;
		}
		.second_nav div a {
			text-decoration: none;
			font-weight: normal;
			color: white;
		}
			.second_nav div a:hover {
				color: white;
				font-weight: normal;
				text-decoration: underline;
			}
		
	#minor_nav {
		position: absolute;
		top: 5px;
		right: 1px;
		
		font-size: 11px;
		color: #999999;
	}
		#minor_nav a {
			text-decoration: none;
			color: #999999;
		}
		#minor_nav a:hover {
			text-decoration: underline;
		}

#background_objects {
	position: absolute;
	top: 0;
	left: 0;
	height: 500px;
	/*width: 100%;*/
}

#background_bar	{
	position: relative;
	margin-top: 114px;
	
	width: 100%;
	height: 2.0em;
	z-index: 1;
}
#background_bar_light {
	position: relative;
	margin-top: 1px;
	
	width: 100%;
	height: 8px;

	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
	
	overflow: hidden;
	z-index: 2;
}
	#background_bar_bot {
		height: 5px;
		overflow: hidden;
	}
#background_bar_gradient {
	position: relative;
	width: 100%;
	height: 164px;
	overflow: hidden;
	z-index: 1;
}
	#background_bar_gradient_bot {
		position: relative;
	
		width: 100%;
		height: 5em;
	
		background: #f8f7f3 url(../images/bg_bar.png) repeat-x;
	}

.photos {
	margin-top: 1px;
	position: relative;
	z-index: 30;
	overflow: visible;
}
	#bw_mask { /* cover up the gray borders */
		position: absolute;
		height: 82px;
		width: 230px;
		top: 190px;
		left: 524px;
		background-color: #fff;
		z-index: 29;
	}
	#photo_color {
		position: relative;
		margin-top: 1px;
		z-index: 30;
	}

	#photo_bw {
		position: absolute;
		top: 1px;
		left: 526px;
		width: 232px;
		height: 263px;
		z-index: 40;
	}
		#photo_bw img {
			display: block;
			position: absolute;
		}
		#photo_bw .frame {
			top: 0;
			left: 0;
			z-index: 2;
		}
		/* oud voordat de fotolijst nog scheef hing
		#photo_bw img.photo {
			top: 25px;
			left: 26px;
			z-index: 500;
		}
		*/
		#photo_bw img.photo {
			top: 32px;
			left: 32px;
			z-index: 500;
		}
	#background_bar_light2 { /* there is an IE override in html doc */
		position: absolute;
		top: 0;

		/*width: 543px;*/
		height: 8px;

		opacity: 0.7;
		-moz-opacity: 0.7;
		filter:alpha(opacity=70);
		
		overflow: hidden;
		z-index: 30;
	}


/* body layout / design (incl. sidebar) */
#body {
	position: relative;
	border-left: 1px solid #eeebdf;
	border-right: 1px solid #eeebdf;
	border-bottom: 1px solid #eeebdf;
	background-color: black;
	background: transparent url(..//images/1px_eeebdf.png) repeat-y 525px 30px;
	
	z-index: 25;
}
	#content {
		position: relative;
		float: left;
		
		width: 460px;
		padding-left: 20px;
		padding-right: 30px;
		
		padding-bottom: 0;
		
		z-index: 20;
	}
	#sidebar {
		float: right;
		width: 189px;
		padding: 15px;
		margin-top: 79px;
	}
	#sidebar.home {
		margin-top: 0px;
	}
		#sidebar .search .q {
			width: 118px;
			border: 1px solid;
			border-top-color: #dedac8;
			border-right-color: #eeebdf;
			border-bottom-color: #eeebdf;
			border-left-color: #dedac8;
			padding: 1px;
			margin: 0;
		}
		#sidebar .search .button {
			width: 60px;
			font-size: 11px;		
			border: 1px solid;
			border-top-color: #eeebdf;
			border-right-color: #dedac8;
			border-bottom-color: #dedac8;
			border-left-color: #eeebdf;
			
			background-color: #f8f7f3;
			padding: 1px;
			margin: 0;
		}
		
		#sidebar ul {
			list-style: none outside;
			margin: 0;
			padding: 0;
		}

			#sidebar ul li {
				display: block;
				padding-top: 7px;
				height: 23px;
				border-bottom: 1px solid #eeebdf;
				
				margin-left: 0;
				margin-top: 0;
				
				color: #c60071;
			}
				#sidebar li a {
					color: #c60071;
					text-decoration: none;
				}
				#sidebar li a:hover {
					text-decoration: underline;
				}
	#sidebar ul.events li {
		height: auto;
		padding-bottom: 7px;
	}

#twitter_div ul li {
				display: block;
				padding-top: 7px;
				border-bottom: 1px solid #eeebdf;
				height: 100%;
				margin-left: 0;
				margin-top: 0;
				font-size: 9px;
				color: #c60071;
			}
				#sidebar li a {
					color: #70607D;
					text-decoration: none;
				}
				#sidebar li a:hover {
					text-decoration: underline;
				}

#footer_menu {
	padding-top: 0.85em;
	text-align: left;
}
	#footer_menu ul {
		display: block;
	}
	#footer a {
		color: #9a9686;
	}
	#footer_menu ul li {
		margin: 0;
		padding: 1px 8px 1px 9px;
		list-style: none;
		display: inline;
		border-left: 1px solid #b1aea4;
	}
	#footer_menu ul li.first {
		border: none;
		padding-left: 0;
	}
#footer_text {
	margin-top: 0.45em;
	color: #9a9686;
}

/* promote list */

div.promote {
	border-top:	1px solid #452459;
		/*border-top:	1px solid #dd8142;*/
	border-bottom: 1px solid #eeebdf;
	padding: 5px 5px 5px 2px;
	background-color: #fbfaf8;
	margin-bottom: 12px;
}
	div.promote img {
		float: left;
		margin-right: 8px;
	}
	div.promote h3 {
		display: inline;
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif;
		border: none;
		background: none;
		font-weight: 500;
	}
		div.promote h3 a {
			color: #70607d;
			text-decoration: underline;
		}
	div.promote p {
		margin-top: 3px;
		font-size: 11px;
		line-height: 15px;
		margin-bottom: 0;
	}
	
/* promote list on home page */

div.promotehome {
	float: left;
	margin: 0 10px 10px 0;
}
div.promotehome img {
	padding: 2px;
	border: 1px solid #eeebdf;
}
	div.promotehome h3 {
		margin: 3px 3px;
		font-size: 14px;
		font-weight: 500;
	}

/* area attractions page */

div.attraction {
	float: left;
	width: 203px;
	height: 3.25em;
	padding: 5px 7px;
	border: 1px solid #eeebdf;
	margin: 0 10px 10px 0;
}
	div.attraction span {
		display: block;
	}
	.attraction .title {

	}
	.attraction .phone {
		display: none;
	}
	.attraction .address1 a {
		color: #999;
	}
	.attraction .address2 {
		display: none;
	}