html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, /*sub, sup,*/ tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	background:			transparent;
	border:				0;
	font-size:			100%;
	margin:				0;
	outline:				0;
	padding:				0;
	vertical-align:	baseline;
}

a
{
	text-decoration:	none;
	visited color:#000;
	active, a:hover color:#f00;
}

body
{
	background:		url(../img/background.png) repeat-x #4b4a4a;
	font-family:	"Lucida sans", Helvetica;
	line-height:	1;
}

.tablesB
{
	font-size:	11px;
	font-weight:	bold; 
}

.tables
{
	font-size:	11px;
}

.divBorder
{
	border: 1px solid #999999;
}

.border
{
	border: 0;
}

.divR
{
	float: right;
}

.divBorder
{
	border: 0;
}
.divBg
{
	width: 180px;
	height: 30px;
	font-size:	11px;
	color: #000000;
	font-weight:	bold; 
}

ol, ul
{
	list-style: none;
}

blockquote, q
{
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after
{
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus
{
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins
{
	text-decoration: none;
}

del
{
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

div.clr
{
	clear:	both;
	height:	4px;
}


/**
 *
 * 2. Fonts ###################
 *
**/

/**
 *
 * 3. Content part ###################
 *
**/
div#contentHolder
{
	background: url(../img/background_content.png) no-repeat #e6e6e6;
	margin:		0 auto;
	min-height:	886px;
	position: 	relative;
	width:		831px;
}

	/**
	 *
	 * Logo
	 *
	**/
	div#contentHolder a#logo
	{
		display:		block;
		float:		left;
		padding:		72px 0 0 58px;
	}

	/**
	 *
	 * Domain checker form
	 *
	**/
	form#domeinChecker
	{
		float:		right;
		height:		42px;
		padding:		34px 10px 0 0;
		width:		200px;
	}

		/**
		 *
		 * Domein naam box background
		 *
		**/
		form#domeinChecker div.inputBackground
		{
			background: url(../img/background_input.png) no-repeat;
			float:		left;
			height:		19px;
			width:		134px;
		}

		/**
		 *
		 * Domein naam box
		 *
		**/
		form#domeinChecker input#domeinnaam
		{
			background: none;
			border:		none;
			color: 		#004566;
			font-size:	11px;
			font-style: italic;
			height:		15px;
			padding:		2px;
			width:		130px;
		}

		/**
		 *
		 * Tld box
		 *
		**/
		form#domeinChecker .selectbox
		{
			background: 	url(../img/background_select.png) no-repeat;
			border:			none;
			color: 			#004566;
			cursor: 			pointer;
			float: 			right;
			font-size:		11px;
			font-style: 	italic;
			height:			19px;
			padding-right:	13px;
			text-align: 	center;
			width:			47px;
		}

			/**
			 *
			 * Drop down styles
			 *
			**/
			div.selectbox-wrapper
			{
				background:	#FFFFFF;
				border:		1px solid #ccc;
				overflow:	auto;
				position:	absolute;
				right: 		0;
				top:			20px;
				text-align:	left;
				width:		400px;
			}

			/**
			 *
			 * Drop down list styles
			 *
			**/
			div.selectbox-wrapper ul
			{
				list-style-type:	none;
			}

			/**
			 *
			 * Selected item in dropdown list
			 *
			**/
			div.selectbox-wrapper ul li.selected
			{
				background: #EAF2FB;
			}

			/**
			 *
			 * Hover state for dropdown list
			 *
			**/
			div.selectbox-wrapper ul li.current
			{
				background: #CDD8E4;
			}

			/**
			 *
			 * Drop down list items style
			 *
			**/
			div.selectbox-wrapper ul li
			{
				cursor:				pointer;
				display:				block;
				list-style-type:	none;
				padding:				2px;
			}

		/**
		 *
		 * Button
		 *
		**/
		form#domeinChecker button#checkDomein
		{
			background:		url(../img/background_button_checkdomein.png) no-repeat;
			border:			none;
			color:			#004566;
			cursor: 			pointer;
			font-size: 		11px;
			height:			19px;
			margin:			0;
			padding:			0;
			width: 			200px;
		}
			/**
			 *
			 * Button hover state
			 *
			**/
			form#domeinChecker button#checkDomein:hover
			{
				color: #FFFFFF;
			}

	/**
	 *
	 * Left column content holder
	 *
	**/
	div#contentHolder div#leftColumn
	{
		float:	left;
		clear: 	both;
		padding:	14px 0 0 14px;
		width:	194px;
	}

		/**
		 *
		 * Left item
		 *
		**/
		div#contentHolder div.leftItem
		{
			margin: 0 0 18px 0;
		}

			/**
			 *
			 * Left item content
			 *
			**/
			div#contentHolder div.leftItem div.content
			{
				background: #E9E9E9;
				padding:		0 3px;
				width:		188px;
			}

				/**
				 *
				 * Left item content inner
				 *
				**/
				div#contentHolder div.leftItem div.innerContent
				{
					background: #e6e6e6;
					padding:		8px 8px 0 8px;
					width:		172px;
				}

					/**
					 *
					 * Left item content paragraph
					 *
					**/
					div#contentHolder div.leftItem div.content p
					{
						font-size:		11px;
						line-height:	20px;
					}

					/**
					 *
					 * Left item content a.meernieuws
					 *
					**/
					div#contentHolder div.leftItem div.content a.meernieuws
					{
						color:				#004e74;
						display: 			block;
						font-style: 		italic;
						text-align: 		right;
						font-size: 			11px;
						text-decoration: 	none;
					}

			/**
			 *
			 * Left item bottom
			 *
			**/
			div.leftItemBottom
			{
				background: 	url(../img/menu_bottom.png) no-repeat;
				height:			20px;
				width: 			194px;
			}

		/**
		 *
		 * Left item header
		 *
		**/
		div.leftItemHeader
		{
			background: 	url(../img/background_header_small.png) no-repeat;
			color:			#fafafa;
			font-size: 		11px;
			height:			21px;
			padding:			14px 0 0 15px;
			width: 			179px;
		}

		/**
		 *
		 * Menu list
		 *
		**/
		ul#menu
		{
			background: #E9E9E9;
			padding:		0 3px;
			width:		188px;
		}

			/**
			 *
			 * Menu list items
			 *
			**/
			ul#menu li
			{
				background: 		#E4E4E4;
				/*border-bottom: 	1px solid #D3D3D3;*/
				color:				#004f76;
				display: 			block;
				font-size: 			11px;
				line-height: 		24px;
				text-decoration:	none;
			}

			/**
			 *
			 * Menu list items
			 *
			**/
			ul#menu li.stripe
			{
				background: #DDDDDD;
			}

				/**
				 *
				 * Menu list items anchors
				 *
				**/
				ul#menu li span
				{
					border-bottom: 	1px solid #D3D3D3;
					color:				#1974a1;
					cursor:				pointer;
					display: 			block;
					height: 				24px;
					padding:				0 0 0 20px;
				}

				ul#menu li span.selected
				{
					border-bottom: 	1px solid #D3D3D3;
					cursor:				pointer;
					display: 			block;
					height: 				24px;
					padding:				0 0 0 20px;
				}

				/**
				 *
				 * Menu list items anchors
				 *
				**/
				ul#menu li a
				{
					border-bottom: 	1px solid #D3D3D3;
					color:				#1974a1;
					display: 			block;
					font-size: 			11px;
					height: 				24px;
					line-height: 		24px;
					padding:				0 0 0 20px;
					text-decoration:	none;
				}

				ul#menu li a.selected
				{
					color: #004f76;
				}

					/**
					 *
					 * Menu list items anchors hover
					 *
					**/
					ul#menu li a:hover
					{
						background:		#80c13a;
						color: 			#004e74;
						font-weight:	bold;
					}

				/**
				 *
				 * Menu list items subMenu
				 *
				**/
				ul#menu li ul.subMenu
				{
					display: none;
				}

				/**
				 *
				 * Menu list items subMenu
				 *
				**/
				ul#menu li ul.subMenu li a
				{
					padding:	0 0 0 40px;
				}

				/**
				 *
				 * Menu list items subMenu
				 *
				**/
				ul#menu li ul.subMenu li span
				{
					background:		#80c13a;
					padding:			0 0 0 40px;
				}


		/**
		 *
		 * Login form
		 *
		**/
		form#login
		{
			background: #e6e6e6;
			padding:		8px 4px 0 4px;
			width:		180px;
		}

			/**
			 *
			 * Login form input fields
			 *
			**/
			form#login div.inputBackgroundLogin
			{
				background: url(../img/background_input_login.png) no-repeat;
				height: 		24px;
				margin:		0 0 4px 0;
				width:		180px;
			}

			/**
			 *
			 * Login form input fields
			 *
			**/
			form#login div.inputBackgroundLogin input
			{
				background: none;
				border:		none;
				color: 		#1974a1;
				font-size:	11px;
				font-style: italic;
				height:		15px;
				padding:		4px;
				width:		122px;
			}

			/**
			 *
			 * Login form button
			 *
			**/
			form#login button
			{
				background:		url(../img/background_button_login.png) no-repeat;
				border:			none;
				color:			#004565;
				cursor: 			pointer;
				font-size: 		11px;
				font-style: 	italic;
				height:			20px;
				margin:			0;
				padding:			0;
				width: 			180px;
			}


		/**
		 *
		 * Login form
		 *
		**/
		form#login2
		{
			padding:		8px 4px 0 4px;
			width:		180px;
		}

			/**
			 *
			 * Login form input fields
			 *
			**/
			form#login2 div.inputBackgroundLogin
			{
				background: url(../img/background_input_login.png) no-repeat;
				height: 		24px;
				margin:		0 0 4px 0;
				width:		180px;
			}

			/**
			 *
			 * Login form input fields
			 *
			**/
			form#login2 div.inputBackgroundLogin input
			{
				background: none;
				border:		none;
				color: 		#1974a1;
				font-size:	11px;
				font-style: italic;
				height:		15px;
				padding:		4px;
				width:		172px;
			}

			/**
			 *
			 * Login form button
			 *
			**/
			form#login2 button
			{
				background:		url(../img/background_button_login.png) no-repeat;
				border:			none;
				color:			#004565;
				cursor: 			pointer;
				font-size: 		11px;
				font-style: 	italic;
				height:			20px;
				margin:			0;
				padding:			0;
				width: 			180px;
			}

	/**
	 *
	 * Right column content holder
	 *
	**/
	div#contentHolder div#rightColumn
	{
		float:	right;
		padding:	14px 30px 0 0;
		width:	572px;
	}

		/**
		 *
		 * Content header
		 *
		**/
		div#contentHolder div#rightColumn div#contentHeader
		{
			background: url(../img/background_header_big.png) no-repeat;
			height:		43px;
			width:		572px;
		}

			/**
			 *
			 * Content header breadcrumb
			 *
			**/
			div#contentHolder div#rightColumn div#contentHeader ul#breadcrumb
			{
				padding: 20px 0 0 14px;
			}

				/**
				 *
				 * Content header breadcrumb
				 *
				**/
				div#contentHolder div#rightColumn div#contentHeader ul#breadcrumb li
				{
					border-right: 	1px solid #80c13a;
					color: 			#FAFAFA;
					display: 		inline;
					float:			left;
					font-size:		11px;
					padding:			0 6px;
				}

				/**
				 *
				 * Content header breadcrumb last
				 *
				**/
				div#contentHolder div#rightColumn div#contentHeader ul#breadcrumb li.last
				{
					border-right: none;
				}

					/**
					 *
					 * Content header breadcrumb anchor
					 *
					**/
					div#contentHolder div#rightColumn div#contentHeader ul#breadcrumb li a
					{
						display: 			block;
						color: 				#FAFAFA;
						text-decoration:	none;
					}

		/**
		 *
		 * Content header
		 *
		**/
		div#contentHolder div#rightColumn div.contentHolder
		{
			background: #E9E9E9;
			padding:		0 3px;
			width:		566px;
		}

			/**
			 *
			 * Inner content header
			 *
			**/
			div#contentHolder div#rightColumn div.innerContentHolder
			{
				background: url(../img/background_innercontent.png) repeat-x #E6E6E6;
				padding:		0 16px 0 16px;
				width:		534px;
			}

				/**
				 *
				 * Inner content header paragraph
				 *
				**/
				div#contentHolder div#rightColumn div.innerContentHolder p
				{
					font-size: 		11px;
					line-height:	20px;
					padding:			8px 0;
				}

		/**
		 *
		 * Content footer
		 *
		**/
		div#contentHolder div#rightColumn div#contentFooter
		{
			background: url(../img/content_footer.png) no-repeat;
			height:		12px;
			width:		573px;
		}

/**
 *
 * 4. Footer part ###################
 *
**/
div#footerHolder
{
	background: url(../img/background_footer.png) no-repeat;
	margin:		0 auto;
	height: 		136px;
	width:		831px;
}

	/**
	 *
	 * Partners holder
	 *
	**/
	div#partnersHolder
	{
		height: 	30px;
		padding: 7px 16px 0 0;
		text-align: right;
	}

		/**
		 *
		 * Partners image
		 *
		**/
		div#partnersHolder img
		{
			padding: 0 0 0 10px;
		}

	/**
	 *
	 * Info punt holder
	 *
	**/
	div#infoPuntHolder
	{
		height: 		32px;
		padding:		0 0 3px 0;
	}

		div#infoPuntHolder div#infoPuntHeader
		{
			color:			#dbdbdb;
			float:			left;
			height:			32px;
			line-height:	32px;
			font-size: 		11px;
			text-align:		center;
			width:			96px;

		}

		div#infoPuntHolder div#infoPuntText
		{
			color:			#00527a;
			float:			left;
			font-size: 		10px;
			height:			32px;
			line-height:	32px;
			overflow:		hidden;
			padding:			0 0 0 10px;
			width:			606px;
		}

			div#infoPuntHolder div#infoPuntText span
			{
				color:			#00344d;
			}

		div#infoPuntHolder a#leesmeer
		{
			background: 		url(../img/background_button_leesmeer.png) no-repeat;
			color:				#004565;
			display: 			block;
			font-size: 			11px;
			float: 				right;
			height:				19px;
			line-height:		19px;
			margin:				7px 13px 0 0;
			text-align: 		center;
			text-decoration:	none;
			width:				90px;
		}

	/**
	 *
	 * Footer
	 *
	**/
	div#footer
	{
		height: 31px;
		line-height: 31px;
		padding:	0 0 3px 30px;
	}

		div#footer p
		{
			color: 		#ffffff;
			float: 		left;
			font-size: 	11px;
		}

		div#footer ul#footerLinks
		{
			float:	right;
			padding:	0 18px 0 0;
		}

			div#footer ul#footerLinks li
			{
				display: inline;
				padding:	0 0 0 24px;
			}

				div#footer ul#footerLinks li a
				{
					color:				#dadada;
					font-size:			11px;
					text-decoration:	none;
				}

					div#footer ul#footerLinks li a:hover
					{
						border-bottom: 2px solid #dadada;
					}




.infiniteCarousel {
  width: 800px;
  padding-left:10px;
  position: relative;
}

.infiniteCarousel .wrapper {
  width: 792px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 40px;
  margin: 0 0px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 0px;
  height: 29px;
  width: 44px;
}

.infiniteCarousel ul li a img {
  display:block;
}