/* styles.css */

@import "nav.inc.css";


	html {
overflow		: -moz-scrollbars-vertical;
	}

	body {
margin			: 0;
padding			: 0;
background		: #BFD3D0 url(/media/afbeeldingen/bg.jpg) repeat-x;  /* lichtgroen */
font-family		: Arial, sans-serif;
font-size		: 76%;
line-height		: 120%;
color			: #407B74;  /* blauwgroen */
width			: 100%;
height			: 100%;
	}

	#wrap {
text-align		: left;
margin			: 0 auto;
padding			: 0;
width			: 976px;
position		: relative;
background		: white no-repeat 780px center;
-moz-border-radius	: 10px; 
-webkit-border-radius	: 10px; 
	}

	* html #wrap {
min-height		: 590px;
	} 

/* banner  */

        .banner {
margin-top              : 20px;
float                   : left;
        }
        


	#header {
text-align		: left;
margin			: 0 auto;
width			: 976px;
height			: 89px;
position		: relative;
background		: url(/media/afbeeldingen/headermetslogan.jpg) no-repeat #336667;  /* donkerblauwgroen */
	}

	#header img {
margin			: 10px auto auto 20px;
	}

	div#[logo] {
height			: 100px;
width			: 100px;
position		: relative;
filter			: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’/media/afbeeldingen/logo.png’, sizingMethod=’scale’);
	}

	#logo {
background		: url(/media/afbeeldingen/logo.png) no-repeat 30px 15px;
width			: 280px;
height			: 76px;
	}

	a#logo {
float			: left;
background		: url(/media/afbeeldingen/logo.png) no-repeat 30px 15px;
width			: 280px;
height			: 76px;
border			: 0;
	}

	
/* printversie */

	a#printversie {
float			: right;
background		: url(/media/afbeeldingen/print.png) no-repeat;
width			: 16px;
height			: 16px;
border			: 0;
	}


/* content */

	.col {
float			: left;
	}

	#col-linkernavigatie {
width			: 211px;
height			: 37px;
margin			: 0 20px 0 30px;
background		: #004F45;  /* groen */
color			: white;
	}

	#col-content {
width			: 500px;
min-height		: 490px;
padding			: 0 20px 0 10px;
	}

	h1 {
color			: #F49100;  /* oranje */
font-size		: 1.4em;
margin			: 0 20px .6em 0;
	}

	h2 {
font-size		: 1.1em;
margin		        : 1.5em 0 .2em 0;
	}


	h3 {
font-size		: 1em;
margin			: 1em 0 0 0;
	}

	h4 {
color			: #F49100;  /* oranje */
font-size		: 1em;
margin			: 1em 0 0 0;
	}

	h5, h6 {
font-size		: 1em;
	}


	p {
color			: #407B74;  /* blauwgroen */
margin			: 0 0 1em 0;
	}

	p.block {
background		: #FFEFC9;  /* lichtgeel */
padding			: 10px;
clear			: both;
color			: #407B74;  /* blauwgroen */
	}

	li {
padding			: 5px;
color			: #407B74;  /* blauwgroen */
	}

	a {
color			: #407B74;  /* blauwgroen */
text-decoration		: underline;
	}

	a:hover {
color			: #B56D00;  /* oranje */
	}

	a img {
border			: none;
	}

	a[target ="_blank"] {
background		: transparent url(/media/afbeeldingen/icon_external.gif) no-repeat top right;
padding-right		: 18px;
	}

	a[target ="_new"] {
background		: transparent url(/media/afbeeldingen/icon_external.gif) no-repeat top right;
padding-right		: 18px;
	}

	a[href $='.pdf'] { 
padding-right		: 18px;
background		: transparent url(/media/afbeeldingen/icon_pdf.gif) no-repeat top right;
	}

	a[href $='.doc'] { 
padding-right		: 18px;
background		: transparent url(/media/afbeeldingen/icon_doc.gif) no-repeat top right; 
	}

	a[href $='.xls'] { 
padding-right		: 18px;
background		: transparent url(/media/afbeeldingen/icon_xls.gif) no-repeat top right;
	}

	a[href ^="mailto:"] {
padding-right		: 20px;
background		: transparent url(/media/afbeeldingen/icon_mailto.gif) no-repeat top right;
	}



/* zoeken */

	.search-box #zoekveld {
margin			: 6px 0;
padding			: 0;
background		: white;
color			: #407B74;  /* blauwgroen */
border			: 2px solid #7FA7A2;  /* grijsgroen */
width			: 115px;
font-size		: 1em;
	}

	.search-box #zoekveld:focus {
background		: #FFEFC9;  /* lichtgeel */
	}


	.search-box #zoekknop {
margin			: 6px 0;
padding			: 0 0 0 12px;
width			: 5em;
background		: url(/media/afbeeldingen/zoek.png) no-repeat left center #BFD3D0;  /* lichtgroen */
color			: #004F45;  /* groen */
font-size		: 1em;
font-weight		: bold;
filter			: chroma(color=black);
border			: 1px solid #BFD3D0;  /* lichtgroen */
	}

	.search-box #zoekknop:hover {
cursor			: hand;
background		: url(/media/afbeeldingen/zoek-mo.png) no-repeat left center #407B74;  /* blauwgroen */
filter			: chroma(color=black);
border			: 1px solid #407B74;  /* blauwgroen */
}

	.content-img {
float			: left;
/* background		: url(/media/afbeeldingen/bnrcontent.jpg) no-repeat; */
width			: 436px;
height			: 104px;
	}
	
	#hoekje-1 {
background		: #336667 url(/media/afbeeldingen/lb.png) no-repeat;  /* donkerblauwgroen */
width			: 9px;
height			: 9px;
position		: absolute;
top			: 0%;
left			: 0%;
	}

	#hoekje-2 {
background		: #336667 url(/media/afbeeldingen/rb.png) no-repeat;  /* blauwgroen */
width			: 9px;
height			: 9px;
position		: absolute;
top			: 0%;
right			: 0%;
	}

	#hoekje-3 {
background		: #BFD3D0 url(/media/afbeeldingen/lo.png) no-repeat;  /* lichtgroen */
width			: 9px;
height			: 9px;
position		: absolute;
bottom			: 0%;
left			: 0%;
	}

	#hoekje-4 {
background		: #BFD3D0 url(/media/afbeeldingen/ro.png) no-repeat;  /* lichtgroen */
width			: 9px;
height			: 9px;
position		: absolute;
bottom			: 0%;
right			: 0%;
	}