/* ================================ +
   			      NPHF
 + ================================ */



/* 
** Made by: Thomas Lievestro
** Email:	info@lievestro.com
** Website:	www.lievestro.com
*/



/* ================================ +
               STANDARDS 
+  ================================ */

/* start RESET DEFAULT styles */
*{ 
	margin:						0; 
	padding:					0; 
}

*:focus { 
	outline: 					0; 
}

html {
	background: 				#FFFFFF;
}

body { 
	font-size:	 				10pt; 
	font-family:				Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: 						#000000; 
}
	
img { 
	border:						0px; 
}	

ul { 
	list-style:					none; 
	white-space: 				nowrap; 
}

ol {
	list-style-position: 		inside;	
}

blockquote {
	margin-left:				20px;
	padding-left:				5px;	
	border-left:				2px solid #006666;			
}

a { 
	text-decoration:			none; 
	color:						#999999;
}

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

.clear {
	clear:						both;
}

address{
	font-style:					normal;
}


/* end RESET DEFAULT styles */





/* ================================ +
              TEXT STYLES
+  ================================ */

#content_container a{
	text-decoration:			none; 
	color:						#006666;
}

#content_container a:hover{ 
	text-decoration:			underline; 
	color: 						#E47525; 
}


/* ================================ +
             GLOBAL LAYOUT
+  ================================ */

#wrapper {
	width:						1000px;
	margin-left:				auto;
	margin-right:				auto;
}

#header {
	width:						1000px;
	height:						125px;
	margin-bottom:				10px;
	overflow:					hidden;
	text-align:					center;
	border-bottom:				1px solid #006666;
}

#logo{
	display:					block;
	width:						266px;
	height:						63px;
	margin-top:					15px;
	margin-left:				auto;
	margin-right:				auto;
	background:					url('../images/logo_nphf.gif') no-repeat;	
}

#print_logo{
	display:					none;	
}

#left_column {
	float:						left;
	width:						220px;
}

#menu {
	width:						210px;
	margin-bottom:				20px;
	padding:					15px 5px;
	background:					#006666;
	color:						#ffffff;
}

#content_container{
	width:						780px;
	margin-bottom:				12px;
	float:						left;
	overflow:					hidden;
}

#content_container ul { 
	margin-left:				20px;
	padding:					0px;
	list-style:					disc; 
}

#content {
	padding:					0 10px;	
}

#content_small {
	width:						540px;
	padding:					0 10px;	
	float:						left;
}

#content h1, #content_small h1 {
	margin:						15px 0 15px 0;		
	text-align:					left;		
	font-size:					11pt;
	color:						#E47525;
}

#last_changed {
	margin:						20px 0 0 0; 
	font-size:					7pt;	
	color:						#999999;
}

#right_column {
	float:						left;
}

#latest_news_block {
	width:						210px;
	padding:					15px 5px;
	background:					#006666;
	color:						#ffffff;
	text-align:					left;
	overflow:					hidden;
}

#latest_news_block_header{
	width:						210px;
	height:						18px;	
	padding:					2px 0 0 0px;
	background:					#E47525;	
	text-align:					center;
	overflow:					hidden;
}

#latest_news_block_header h1{
	margin:						0 0 10px 0;
	font-size:					9pt;	
	color:						#ffffff;
}

#latest_news_items_block{
	padding:					10px 7px;	
}

#latest_news_items_block h3 {
	margin-bottom:			2px;
	font-weight: 			bold; 
	font-size: 				12px; 
	font-family: 			Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: 					#fff; 
	text-align: 			left; 
} 


#latest_news_items_block h4 {
	margin-bottom:			4px;
	font-weight: 			bold; 
	font-size: 				10px; 
	font-family: 			Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: 					#000; 
	text-align: 			left; 
}

#latest_news_items_block p {
	font-size: 				11px; 
	font-family: 			Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: 					#000; 
	text-align: 			left; 
} 

#latest_news_items_block span{
	font-size:					8pt;
	color:						#000000;
	font-weight: 				bold; 	
}

#latest_news_items_block a{
	margin:						0 0 14px 0; 
	padding:					2px 0px; 
	text-decoration:			none;
	color:						#ffffff;
}

#latest_news_items_block a:hover{
	background:	 				#99cccc; 
	color: 						#006666; 
	text-decoration: 			none;
}

#contact_block {
	width:						210px;
	margin:						20px 0;
	padding:					15px 5px;
	background:					#006666;
	color:						#ffffff;
	text-align:					left;
	overflow:					hidden;
	font-size:					8pt;
}

#contact_block_header{
	width:						210px;
	height:						18px;	
	padding:					2px 0 0 0px;
	background:					#E47525;	
	text-align:					center;
	overflow:					hidden;
}

#contact_block_content{
	padding:					10px 7px;	
	color:						#000000;
}


#contact_block_header h1{
	margin:						0 0 10px 0;
	font-size:					9pt;	
	color:						#ffffff;
}

#contact_block a{
	margin:						0 0 14px 0; 
	padding:					2px 0px; 
	text-decoration:			none;
	color:						#ffffff;
}

#contact_block a:hover{
	background:	 				#99cccc; 
	color: 						#006666; 
	text-decoration: 			none;
}

#newsletter_block{
	width:						210px;
	margin:						20px 0 0 0;
	padding:					15px 5px 0 5px;
	background:					#006666;
	color:						#ffffff;
	text-align:					left;
	overflow:					hidden;
	font-size:					8pt;
}

#newsletter_block_header{
	width:						210px;
	height:						18px;	
	padding:					2px 0 0 0px;
	background:					#E47525;	
	text-align:					center;
	overflow:					hidden;
}

#newsletter_block_header h1{
	margin:						0 0 10px 0;
	font-size:					9pt;	
	color:						#ffffff;
}

#newsletter_block_content{
	padding:					10px 7px;	
	color:						#000000;
}

#newsletter_block_content input{
	width:						186px;
	margin-bottom:				4px;
	padding:					1px 2px;
	border:						1px solid #999999;
	border-right:				1px solid #ffffff;
	border-bottom:				1px solid #ffffff;
	color:						#000000;
}

#newsletter_block_content input.error{
	width:						186px;
	margin-bottom:				4px;
	padding:					1px 2px;
	border:						1px solid #E47525;
	color:						#000000;
}


#newsletter_block a{
	margin:						5px 0 0px 0; 
	padding:					2px 0px; 
	text-decoration:			none;
	color:						#ffffff;
}

#newsletter_block a:hover{
	background:	 				#99cccc; 
	color: 						#006666; 
	text-decoration: 			none;
}

#footer{
	padding:					3px 0;
	border:						#999999;
	text-align:					center;
	font-size:					10px;
	color:						#999999;
	border-top:					1px solid #d0e7e7;
}

#print_contact{
	display:					none;	
}



/* ================================ +
                  NAV
+  ================================ */

#menu nav{
	width:						210px;
	padding:					0 10px;
	list-style: 				none;
}

.submenu{
	width:						210px;
	margin:						0px; 
	padding:					0px; 
	overflow:					hidden;	
}

.nav_layer_1{
	width:						203px;
	height:						18px;
	margin-bottom:				3px;
	padding:					2px 0 0 7px;
	list-style: 				none;
}

.nav_layer_1_active{
	width:						203px;
	height:						18px;
	margin-bottom:				3px;
	padding:					2px 0 0 7px;
	background:					#E47525;
	color:						#ffffff;
	font-size:					9pt;
	font-weight: 				bold; 
}

.nav_layer_2{
	width:						190px;
	height:						18px;
	margin-bottom:				1px;
	padding:					1px 0 0 20px;
	list-style: 				none;
}

.nav_layer_2_active{
	width:						190px;
	height:						18px;
	margin-bottom:				1px;
	padding:					1px 0 0 20px;
	background:					#E47525;
	color:						#ffffff;
	font-size:					9pt;
	font-weight: 				bold; 
}

#nav a{
	margin:						0px; 
	padding:					0px; 
	text-decoration:			none;
	color:						#ffffff;
	font-size:					9pt;
	font-weight: 				bold; 
}

#nav a:hover{
	background:	 				#99cccc; 
	color: 						#006666; 
	text-decoration: 			none;
}



/* ================================ +
                NIEUWS
+  ================================ */

.news_item_date {
	width:						155px;
	height:						20px;
	float:						left;
}

.news_item_title {
	display:					block;
	font-weight:				bold;
	color:						#006666;
}

.news_item_content {
	width:						590px;
	margin:						0px 0 20px 10px; 
	float:						left;
}

.year_block {	
	margin:						25px 0 0 165px;
	padding:					1px 7px;
	background:					#E47525;
	float:						left;
	color:						#ffffff;
}

.year_line {
	margin-bottom:				20px;
	width:						100%;
	height:						0px;
	border-bottom:				1px solid #edc2a4;
	float:						left;
	overflow:					hidden;
}



/* ================================ +
                NIEUWS
+  ================================ */

#content_container.afmelden_nieuwsbrief{
	width:						1000px;
	margin-bottom:				12px;
	overflow:					hidden;
}

#afmelden_nieuwsbrief_block {
	width:						500px;
	margin:						20px auto 350px auto;
	text-align:					center;
}

#buttons {	
	width:						110px;
	margin-left:				auto;
	margin-right:				auto;
}

#afmelden_nieuwsbrief_block #button_yes {
	width:						50px;
	height:						20px;
	margin-right:				10px;
	background:					#E47525;
	color:						#ffffff;
	font-size:					13px;
	font-weight:				bold;
	float:						left;
	cursor:						pointer;
}

#afmelden_nieuwsbrief_block #button_no {
	width:						50px;
	height:						20px;
	background:					#E47525;
	color:						#ffffff;
	font-size:					13px;
	font-weight:				bold;
	float:						left;
	cursor:						pointer;
}