/* CSS Document http://www.citylens.nl */

body {
	background:			url(../images/bg_body_citybril.gif)
						top left
						repeat-x;
	padding:			0;
	margin:				0;
	font: 				11px Arial;
	color:				#333;
	line-height:		18px;
}

#mainframe {	
	background:			url(../images/bg_mainframe.gif)
						top
						repeat-y;
	width: 				792px;
	margin: 			0 auto;
}

#header {
	background:			url(../images/header_default_citybril.jpg)
						top left
						no-repeat;
	width:				792px;
	height:				256px;
	padding: 			0;
	margin: 			0;
}

#flash-header {
	width:				779px;
	height:				256px;
	padding: 			0;
	margin: 			0 auto;
	margin-left:		7px;
	z-index:			10;
}

#shadow-gradient {
	background:			url(../images/shadow_gradient.gif)
						top left
						no-repeat;
	position:			absolute;
	width:				792px;
	height:				430px;
	margin-top:			256px;
}


/* ---------------------------------------- layout menu --------------------------------------------*/

#menu {
	width:					154px;
	padding-left: 			30px;
	padding-top:            25px;
	font-family:			Arial;
	font-size:				11px;
	}

#menu ul {
	margin:					0px;
	line-height:            18px;
	margin-bottom:          0px;
	text-align:             left;
	list-style:				none;
	padding: 				0px;
	}

#menu ul li {
	margin:					0px;
	padding:				0px;
}

#menu ul li a {
	color:					#000;
	text-decoration:		none;
	display:				block;
	height:					18px;
	width:					110px;
	background:				url(../images/bullet_citybril.gif)
							left
							no-repeat;
	padding-left:			18px;
	padding-top:			3px;
	font-weight:			bold;
	}

#menu ul li a:hover {
	color: 					#505050;
	background:				url(../images/bullet_hover_citybril.gif)
							left
							no-repeat;
	}
	
#menu ul ul li a {
	background:				url(../images/bullet_submenu_citybril.gif)
							left
							no-repeat;
	margin-left:			18px;
	color:					#bcbcbc;
	}
	
#menu ul ul li a:hover {
	background:				url(../images/bullet_hover_citybril.gif)
							left
							no-repeat;
	}

#menu ul li a.num {
	color: 					#bcbcbc;
	}

#menu ul li a.num:hover {
	color: 					#505050;
	}
	
	
#menu ul li a.active  {
	color:					#505050;
	background:				url(../images/bullet_hover_citybril.gif)
							left
							no-repeat;
}

/* -----------------content(center column)--------------------- */
#content {
	padding:				0px;
	margin: 				26px auto 30px auto;
	width:					420px;
	position:				relative;
}

#content p {
 padding:8px 0px 8px 0px;
 width:416px;
 overflow:hidden;
}
#min-height {
	width:					1px;
	height:					430px;
	float:					right;
}

#itemsbox {
	padding:				0;
	margin: 				0 auto;
	position:				relative;
	height:					auto;
}

.item {
	width:					130px;
	float:					left;
}

.item img {
	
}

#content .item p {
	padding:				8px 10px 8px 0px;
	background-image:		none;
}

#partnersbox {
	margin: 				0px auto 0px auto;
	padding:				0;
	position:				relative;
}

#partnersbox img {
	position:				relative;
	height:					136px;
	width:					194px;
	border:					0px;
	padding:				1px;

}

a.readmore {
	color: 					#000;
}

a.readmore:hover {
	color: 					#000;
}
/* prijslijst opmaak table */

table.pricelist {
	text-align:				left;
	margin-top:				20px;
	width:					392px;
	border-collapse:		collapse;
	background:				url(../images/bg_table.gif)
							top center
							repeat-y;
}

table.pricelist tr.top {
	background:				url(../images/table_top.gif)
							top left
							no-repeat;
	color:					#fff;
	font-weight:			bold;
	text-align:				center;
	width:					392px;
	
}

table.pricelist tr.even {
	background:				#f4f4f4;
}


table.pricelist tr td {
	padding-left:			8px;

}
table.pricelist tr th.topleft {
	height:					30px;
	font-weight:			bold;
	font-size:				12px;
}

table.pricelist tr th {
	height:					30px;
	font-weight:			normal;
}

table.pricelist tr.header {
	background:				url(../images/dotted.gif)
							bottom left
							repeat-x;
	vertical-align:			bottom;
	height:					50px;
}

table.pricelist tr.bottom {
	background:				url(../images/table_bottom.gif)
							bottom left
							no-repeat;
}


/* --------------left ------------- */
#left {
	float: 					left;
	width: 					171px;
	margin: 				0;
	padding:				0px 0px 50px 0px;
	background:				url(../images/bg_left.gif)
							bottom left
							no-repeat;
	position:				relative;
}

/* --------------right ------------- */

#right {
	float: 					right;
	width:					164px;
	margin: 				0;
	padding:				0px 0px 50px 0px;
	background:				url(../images/bg_right.gif)
							bottom left
							no-repeat;
	position:				relative;
}

#right-itemsbox {
	width:					130px;
	margin:					0 auto;
	padding:				0;
}

#right-itemsbox h2 {
	width:					130px;
	margin:					0 auto;
	text-align:				left;
	padding:				0;
	padding-top:			12px;
	font-size:				13px;
	background-image:		none;
}

#right-itemsbox h3 {
	background-image:		none;
	padding:				10px 0px 4px 0px;
	font-size:				11px;
	background:				url(../images/dotted.gif)
							bottom left
							repeat-x;
}

#banners {
	width:					143px;
	margin:					-40px auto 0px auto;
	position:				relative;
	z-index:				100;
}

.banner {
	width:					140px;
	border-bottom:      	1px dotted #505050; 
	margin-left:			2px;
}


#banners img {
	border:					0px;
}

#banners a img {
	border:					0px;
}



/* -----------footer--------------------------- */
#footer {
	clear: 					both;
	width:					792px;
	height:					32px;
	margin: 				0;
	padding: 				0;
	text-align: 			right; 
	background:				url(../images/footer.gif)
							top center
							no-repeat;
}

#absolutebottom {
	margin:					-14px auto 0px auto;
	width:					792px;
	text-align:				right;
	text-decoration:		none;
	padding:				0px 10px 8px 0px;
	color:					#c4c4c4;
}

#absolutebottom a {
	text-decoration:		underline;
	color:					#c4c4c4;
}

#absolutebottom a:hover {
	text-decoration:		none;
	color: 					#707070;
}


/*----------------------------   opmaak tekst & headers  -----------------------*/


/*---separator----*/
.separator {
	width:					410px;
	height:					60px;
	position:				relative;
	background:				url(../images/dotted.gif)
							center left
							repeat-x;
	margin:					0;
	padding:				0;		
	clear:					left;
}


h1, h2, h3, h4, h5, p {
	margin:				0;
	padding:			0;
}


h1 {

}

h2 {
	font-size:			14px;
	font-weight:		bold;
	color:				#000;
	padding:			0px 0px 16px 0px;
	background:			url(../images/dotted.gif)
						bottom left
						repeat-x;
}

h3 {
	font-size:			12px;
	font-weight:		bold;
	color:				#000;
	padding:			0px 0px 16px 0px;
	background:			url(../images/dotted.gif)
						bottom left
						repeat-x;
	width:				128px;
}


#content p {
	padding:			8px 0px 8px 0px;
}

#content p.note {
	font-style:			italic;
	color:				#000;
	border:				0px;
	background:			none;
}

a {
	color: 				#000;
	text-decoration:	underline;
}
a:hover {
	color: 				#000;
	text-decoration:	none;
}