/* ----------------------------------------------
	BASISSETTING, positionering                               
	____________________________________________ */

body{
	margin:0;
	font: 12px Arial;
	color:#565656;
	background: #ABCFE6;
	margin: 0px auto;
}
	
#container {
	margin:0 auto;
	padding: 0;
	width: 890px;
	background-color: #FFFFFF;
}

#placeholder {
	margin:0 auto;
	padding: 0;
	width: 890px;
}

/* ----------------------------------------------
	HEADER ITEMS                              
	____________________________________________ */

#header{
	margin: 0px;
	padding: 0px;
	width: 890px;
	height: 228px;
}

#header_links {
	width: 30px;
	height:228px;
	float:left;
}

#header_strip {
	background-image: url(../images/nacap_leftheader.gif);
	background-repeat: no-repeat;
	width:30px;
	height:228px;
}

#header_midden {
	width:151px;
	height:228px;
	float:left;
}

#header_midden_plaat {
	background-image:url(../images/nacap_header_image.jpg);
	background-repeat: no-repeat;
	width: 151px;
	height:141px;
}

#header_midden_zoeken {
	width: 151px;
	height: 25px;
	padding-top: 62px;
	background-color:#E1EEF7;
}

#header_rechts {
	width:709px;
	height:228px;
	float:left;
}

#header_rechts_plaat {
	background-image:url(../images/nacap_header_image_big.jpg);
	background-repeat: no-repeat;
	width: 709px;
	height:141px;
}


/* ----------------------------------------------
	CONTENT ITEMS                              
	____________________________________________ */


#content_container{
	width: 890px;
	float:left;
	background-image: url(../images/content.gif);
}

#blokken {
	width: 164px;
	background-color:#FCE7E1;
	float:left;
	padding-left:12px;
	padding-right:5px;
	padding-top:16px;
	padding-bottom:13px;
}

#content {
	position: relative;
	width: 679px;
	float:left;
	padding-left:30px;
	padding-right:0px;
	padding-top:13px;
	padding-bottom:23px;
}


/* content styles tijdelijk voor vlakverdeling demo	*/
#content_links {
	width:649px;
	float:left;
	padding-right:0px;
}

#content_rechts {
	width:0px;
	float:left;
	display:none;
}


/* ----------------------------------------------
	HOOFDMENU ITEMS                              
	____________________________________________ */

#header_menu {
	width: 709px;
	height: 24px;
	/*background-image: url(../images/menu_background.gif);
	background-repeat: no-repeat;*/
	padding-top:63px;
	background-color:#1290BE;
}

#menu {
	position:absolute;
	padding-top:205px;
	margin-left:180px;
	width:709px;
	z-index:1;
}

#menu ul{
	margin: 0px;
	padding:0px;
}

#menu li{
	display: inline;
	list-style:none;
	padding-left:30px;
}

#menu li a{
	font: 14px Arial;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-weight:bold;
	text-decoration: none;
}

#menu li a:hover, #menu li a.actief {
	font: 14px Arial;
	color: #F63E43;
	margin: 0px;
	padding: 0px;
	font-weight:bold;
	text-decoration: none;
}


/* ----------------------------------------------
	DROPDOWN MENU ITEMS                              
	____________________________________________ */
	
menu li ul.profiel {
	position: absolute; 
	width: 10em; 
	left: -999em;
}

#menu li:hover ul.profiel, #menu li.sfhover ul.profiel { 
	position: absolute;
	width:130px;
	left:185px;
	top:211px;
} 

#menu li ul.profiel li {
	height: 17px;
	width:130px;
	display:block;
	margin: 0px;
	padding: 0px;
}

#menu li ul.profiel li a.item0 {
	font: 10px Arial;
	color: #FFFFFF;
	background-color:transparent;
	display:block;
	width:130px;
	margin: 0px;
	padding: 0px;
}

#menu li ul.profiel li a.item1 {
	height: 17px;
	font: 10px Arial;
	color: #FFFFFF;
	background-color:#1A96C3;
	display:block;
	width:123px;
	margin: 0px;
	padding: 0px;
	padding-left:7px;
}

#menu li ul { 
	position: absolute; 
	width: 10em; 
	left: -999em;
	
} 

#menu li:hover ul, #menu li.sfhover ul { 
	position: absolute;
	width:130px;
	left:265px;
	top:211px;
} 

#menu li ul li {
	height: 17px;
	width:130px;
	display:block;
	margin: 0px;
	padding: 0px;
}

#menu li ul li a.item0 {
	font: 10px Arial;
	color: #FFFFFF;
	background-color:transparent;
	display:block;
	width:130px;
	margin: 0px;
	padding: 0px;
}

#menu li ul li a.item1 {
	height: 17px;
	font: 10px Arial;
	color: #FFFFFF;
	background-color:#1A96C3;
	display:block;
	width:123px;
	margin: 0px;
	padding: 0px;
	padding-left:7px;
}

#menu li ul li a.item2 {
	height: 17px;
	font: 10px Arial;
	color: #FFFFFF;
	background-color:#239DCA;
	display:block;
	width:123px;
	margin: 0px;
	padding: 0px;
	padding-left:7px;
}

#menu li ul li a.item3 {
	height: 17px;
	font: 10px Arial;
	color: #FFFFFF;
	background-color:#2EA4D0;
	display:block;
	width:123px;
	margin: 0px;
	padding: 0px;
	padding-left:7px;
}

#menu li ul li a.item4 {
	height: 17px;
	font: 10px Arial;
	color: #FFFFFF;
	background-color:#38ACD7;
	display:block;
	width:123px;
	margin: 0px;
	padding: 0px;
	padding-left:7px;
}

#menu li ul li a.item5 {
	height: 17px;
	font: 10px Arial;
	color: #FFFFFF;
	background-color:#43B4DE;
	display:block;
	width:123px;
	margin: 0px;
	padding: 0px;
	padding-left:7px;
}

#menu li ul li a.item6 {
	height: 17px;
	font: 10px Arial;
	color: #FFFFFF;
	background-color:#4EBBE4;
	display:block;
	width:123px;
	margin: 0px;
	padding: 0px;
	padding-left:7px;
}

#menu li ul li a.item7 {
	height: 17px;
	font: 10px Arial;
	color: #FFFFFF;
	background-color:#5AC3EB;
	display:block;
	width:123px;
	margin: 0px;
	padding: 0px;
	padding-left:7px;
}

#menu li ul li a.item8  {
	height: 17px;
	font: 10px Arial;
	color: #FFFFFF;
	background-color:#67CCF2;
	display:block;
	width:123px;
	margin: 0px;
	padding: 0px;
	padding-left:7px;
}

#menu li ul li a:hover  {
	height: 17px;
	font: 10px Arial;
	color: #016285;
	display:block;
	width:123px;
	margin: 0px;
	padding: 0px;
	padding-left:7px;
}


	

/* ----------------------------------------------
	KRUIMELPAD ITEMS                              
	____________________________________________ */

#kruimelpad{
	width: 890px;
	height: 27px;
}

#kruimelpad_links {
	width: 181px;
	background-color:#FCE7E1;
	float:left;
	height: 27px;
}

#kruimelpad_rechts {
	width: 679px;
	background-color:#C7DFEF;
	float:left;
	height: 21px;
	text-decoration: none;
	font: 11px Arial;
	color: #1290BE;
	margin: 0px;
	padding: 0px;
	padding-left:30px;
	padding-top:6px;
	
}

#kruimelpad_rechts a {
	text-decoration: none;
	font: 11px Arial;
	color: #1290BE;
	margin: 0px;
	padding: 0px;
	font-weight:normal;
	
}

#kruimelpad_rechts a:hover, #kruimelpad_rechts a.actief  {
	text-decoration: underline;
	font: 11px Arial;
	color: #1290BE;
	margin: 0px;
	padding: 0px;
	font-weight:normal;
	
}


/* ----------------------------------------------
	FOOTER ITEMS                              
	____________________________________________ */
	
#footer{
	width: 890px;
	height: 23px;
}

#footer_menu{
	float: left;
	width: 679px;
	background-color:#C7DFEF;
	height: 19px;
	padding-top: 4px;
	padding-left:30px;
}

#footer ul{
	margin: 0px;
	padding: 0px;
}

#footer li{
	display: inline;
	padding-left:40px;
}

#footer li a{
	font: 11px Arial;
	color: #FFFFFF;
	text-decoration: none;

}

#footer li a:hover{
	font: 11px Arial;
	color: #F63E43;
	text-decoration: none;
}

#sitemap{
	padding-top: 4px;
	padding-left: 10px;
	float: left;
	display: block;
	width:171px;
	background-color:#FCE7E0;
	height: 19px;
}

#sitemap a{
	text-decoration: none;
	font: 13px Arial;
	color: #1290BE;
	margin: 0px;
	padding: 0px;
	font-weight:bold;
}

#sitemap a:hover{
	font: 13px Arial;
	color: #1290BE;
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
	font-weight:bold;
}


/* ----------------------------------------------
	CONTENT STYLES
	____________________________________________ */

h1{
	font: 18px Arial;
	color: #F63E43;
	margin: 0px;
	padding: 0px;
	font-weight:bold;
	margin-bottom:7px;
}

h2{
	font: 15px Arial;
	color: #1290BE;
	margin: 0px;
	padding: 0px;
	font-weight:bold;
}

h3{
	text-decoration: none;
	font: 13px Arial;
	color: #1290BE;
	margin: 0px;
	padding: 0px;
	font-weight:bold;
	margin-bottom:7px;
}

h4{
	text-decoration: none;
	font: 13px Arial;
	color: #F63E43;
	margin: 0px;
	padding: 0px;
	font-weight:bold;
}

h5{
	font: 12px Arial;
	color: #F63E43;
	margin: 0px;
	padding: 0px;
}

.datum {
	font: 12px Arial;
	color: #1290BE;
	margin: 0px;
	padding: 0px;
	font-weight:normal;
}

#zoekholder {
	width:90px;
	height:20px;
	float:left;
}

#zoekformulier {
	margin:0;
	padding:0;
	height:19px;
	width:100px;
	float:left;
}

#zoekveld {
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-color: #FFFFFF;
	height:20px;
	width:65px;
	float:left;
}

#zoekbutton {
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-color: #FFFFFF;
	height:19px;
	width:25px;
	background-color:#1290BE;
	color:#FFFFFF;
	float:left;
}

#zoektekst {
	font: 14px Arial;
	color: #1290BE;
	margin: 0px;
	padding: 0px;
	font-weight:bold;
	width:40px;
	float:left;
	margin-left: 3px;
	margin-top:2px;
	
}

a {
	color:#1290BE;
	text-decoration:none;
}

a:hover {
	color:#1290BE;
	text-decoration:underline;
}

.nieuwsitem {
	font: 12px Arial;
	color: #F63E43;
	margin: 0px;
	padding: 0px;
}

/* ----------------------------------------------
	CLEARER, it will not stretch otherwise
	____________________________________________ */
	
#clearer { 
	clear: both;
} 