/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #000; }
input, select, textarea { font-family: Arial; font-size: 13px; color: #000; }
body { background: #009ee0; }


/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 1px; }

/* ### WRAPPER ### */
#wrapper { position: relative; display: block; overflow: hidden; width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 20px auto; width: 954px; height: 610px; background: #fff; }

	/* ### HEADER CONTAINER ### */
		#headerCntr { position: relative; width: 954px; height: 99px; background: url('../images/headerBg.gif') no-repeat; }
		#headerCntr h1 { display: none; }
		#headerCntr #img {	position: absolute;	height:610px;	width:250px;	top: 0px;	right: 0px;	z-index: 5;	background-image: url(http://pompdirect.nl/website/templates/waterBeeld/rotate.php);
	background-repeat: no-repeat;}
	
	/* zoeken */
	#headerCntr #img #zoeken{	position: absolute;	height:20px;	width:140px;	top: 35px;	right: 0px;	z-index: 6; }
	#headerCntr #img #zoeken  input {	vertical-align: middle; font-family: Arial, Helvetica, sans-serif;	font-size: 11px;}
	#headerCntr #img #zoeken #mod_search_searchword {	padding-left: 3px; }
		
		
		/* ### MENU CONTAINER ### */
		#menuCntr {	position: absolute;	top: 71px;	left: 0px;	z-index: 10;	width: 954px;	height: 25px;	background: #c7c7c7;}
		#menuCntr ul { overflow: hidden; width: 954px; list-style: none; }
		#menuCntr li { float: left; display: inline; }
		#menuCntr li a { display: block; float: left; width: 117px; height: 25px; line-height: 25px; text-align: center; text-decoration: none; color: #000; }
		#menuCntr li a:hover, #menuCntr li.selected a { color: #fff; background: #7b7b7b; font-family: Arial; }
		#menuCntr li #active_menu-nav{ background: #009ee0; color: #fff;  }
		#menuCntr li.last { float: right; }
		#menuCntr li.last a { width: 125px; }
		
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding-top: 25px; overflow: auto; width: 704px; height: 486px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 220px; }
		
			/* ### NAV BOX ### */
			#navBox { width: 220px; }
			#navBox ul { padding-left: 40px; }
			#navBox li { padding-left: 0px; line-height: 22px;	list-style-position: outside; list-style-image: url(../images/bullit.gif); list-style-type: disc; font-family:arial; font-size:12px;}
			#navBox li a { text-decoration: none; color: #7b7b7b; }			
			#navBox li a:hover { font-family: Arial;	font-size: 12px;	color: #00AEEF;	text-decoration: none; }
			#navBox li #current { color: #009ee0; }
			#navBox #current a{	color: #00AEEF;}
			#navBox #current ul {padding-left: 18px;}
			#navBox #current ul li a{color: #666;}
			#navBox #current ul li a:visited{	color: #666;}
			#navBox #current ul li a:hover{	color: #00AEEF;}
			
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 462px; }
		
			/* ### TEXT BOX ### */
			.textBox { width: 462px; }
			.textBox h3 {font-family: Arial;	font-size: 14px;	color: #666;	text-decoration: none;}
			.textBox h2 {font-family: Arial;	font-size: 18px;	color: #00AEEF;	text-decoration: none;	font-weight: bold;	padding-bottom: 5px; padding-top: 10px;}
			.textBox p {font-family: Arial;	font-size: 12px;	color: #000;	padding-bottom: 12px;}
			.textBox p a:link  {font-family: Arial;	font-size: 12px;	color: #000;	text-decoration: underline;}
			.textBox p a:visited {font-family: Arial;	font-size: 12px;	color: #000;	text-decoration: underline;}
			.textBox p a:hover {font-family: Arial;	font-size: 12px;	color: #00AEEF;	text-decoration: underline;}
			.textBox p.article_separator{	padding-bottom: 0px;}
			.textBox ul {padding-left: 20px;  padding-bottom: 12px;}
			.textBox li {font-family: Arial;	font-size: 12px;	color: #000;}
                        .textBox td a:link  {font-family: Arial;	font-size: 11px;	color: #000;	text-decoration: underline; }
			.textBox td a:visited {font-family: Arial;	font-size: 11px;	color: #000;	text-decoration: underline;}
			.textBox td a:hover {font-family: Arial;	font-size: 11px;	color: #00AEEF;	text-decoration: underline; }	
                        .textBox a:link  {font-family: Arial;	font-size: 12px;	color: #000;	text-decoration: underline;}
			.textBox a:visited {font-family: Arial;	font-size: 12px;	color: #000;	text-decoration: underline;}
			.textBox a:hover {font-family: Arial;	font-size: 12px;	color: #00AEEF;	text-decoration: underline;}
                        .textBox  img {border:0px;   padding-right: 10px;}


		
		/*extra space*/		
			#headerCntr #img #extraRuimte{	position: absolute;	height:490px;	width:250px;	top: 110px;	right: 0px;	z-index: 7;}
