/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:11px;font-family:inherit;/*vertical-align:baseline;*/}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#222;background:#eee;font-family:"Verdana","Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}

#header h2 { font-family:"Verdana","Helvetica Neue", Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif; margin-right:225px; margin-bottom:0em; letter-spacing:3px; text-align:right; }

#header h2 span.tagline { font-size:0.4em; font-weight:bold; letter-spacing:normal; line-height:1;}

#header h2 span.tagline span { margin-left:20px; }

h3 {font-size:1.5em;line-height:1;margin-bottom:1em; color:#460B24; }
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a { color:#7b123d;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* grid.css */
.container {width:1000px;margin:0 auto; background-color:#fff;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:20px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4, .span-4last {width:170px;} /* was 150 */
.span-5, .span-5last {width:180px;} /* was 190 */
.span-6 {width:230px;}
.span-7 {width:270px;} /* was 270 */
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:580px;} /* was 590 */
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin-right:0;}

.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}


/*** S U P E R F I S H   S T A R T S   H E R E ***/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
z-index:999;
}
.sf-menu {
	line-height:	1.0;
	float:left;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			13em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
	
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			25px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			13em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			13em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	margin-bottom:	0em;
	font-size:0.8em;
}
.sf-menu a {
	padding: 		.5em 1.5em;
	text-decoration:none;
}
.sf-menu a.parent {
	padding: 		.5em 1em;
	text-decoration:none;
	font-weight:bold;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
.sf-menu li {
	background:#79123e;
	
	margin-left:18px;
}
.sf-menu li.first {
	background:#79123e;
	margin-left:0px;
}
.sf-menu li li {
	background:		#79123e;
	margin-left:0px;
}
.sf-menu li li li {
	background:		#79123e;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#460b24;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding: 8px 20px 8px 10px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/eCache/2628/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	padding: 0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/* C u s t o m */

#header {  height:242px; margin-bottom:28px; background-image:url(/eCache/2631/headerpng.png); background-repeat:no-repeat; background-position:top left; behavior:url(/iepngfix.htc); }

#logo h1 a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
display:block;
width:216px;
height:95px;
text-indent:-100em;
float:left;
margin: 45px 0px 0px 20px;
background-image:url(/eCache/2629/az-groeninge-logo.gif); background-repeat:no-repeat; background-position:0px 0px; 
}

/*#logo h1 a:hover, #logo h1 a:focus { background-position:0px -106px; }*/

#bghome, #bgpages {background-repeat:no-repeat; background-position: 290px 101px; }

/*#bghome, #bgpages { background-image:url(/eCache/2632/header-img-home.jpg); }*/

/*#bgpages { background-image:url(/eCache/2633/header-img-pages.jpg); }*/

#content { padding:0px 20px 0px 20px; }

#right-sb, #left-sb { background-color:#f8b21c; }

#right-sb h6, #right-sb p, #left-sb h6, #left-sb p { color:#fff; padding:4px 8px 4px 8px; font-weight:lighter; }

#right-sb p, #left-sb p { font-size:0.8em; }

.span-4last, .span-5last { float:left; }

.span-5 h2, .span-5last h2 {
	font-size:1.2em;
	background-color:#7b123d;
	color:#fff;
	padding:2px 8px 2px 8px;
	font-weight:lighter; 
	background-image:url(/eCache/2627/arrow-down.gif);
	background-repeat: no-repeat;
	background-position: 160px 10px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
}

.span-5 ul, .span-5last ul { list-style:none; padding:0px; margin:0px 0px 0px 10px; }

.span-5 ul li a, .span-5last ul li a { text-decoration:none; }
.span-5 ul li a:hover, .span-5 ul li a:focus, .span-5last ul li a:hover, .span-5last ul li a:focus { color:#42041d; text-decoration:underline; }

.split-top { border-top: 1px solid #fff; }

.split-bottom{ border-bottom: 1px solid #fff; }

.split-top-bottom { border-top: 1px solid #fff;  border-bottom: 1px solid #fff; }

.date { font-size:1.1em; }

#nav { font-size:1.2em; color:#999; padding-top:25px; margin-left:285px; }

#nav a { color:#999; text-decoration:none; padding:10px; }

#nav a:hover, #nav a:focus { color:#7a123e; }

#nav span.changelang { color:#ffaf00; } 

#nav span.changelang a { padding:10px 4px 4px; color:#ffaf00; } 

#nav span.changelang a:hover, #nav span.changelang a:focus { padding:10px 4px 4px; color:#7a123e; } 

#nav span.zoek { margin-left:32px; }

#nav input {  border: 2px solid #676767; } 

#nav .button {
    border: 2px solid #676767;
    background-color:#676767;
	color:#FFF; 
}

#nav .button:hover, #nav .button:focus {
    border: 2px solid #333;
    background-color:#333;
	color:#ffaf00; 
	cursor:pointer;
}

#left-sb ul { margin:0px; padding:0px; list-style:none; }

#left-sb ul li a { display:block; border-bottom:1px solid #fff; padding:4px 0px 4px 16px; color:#fff; text-decoration:none; height:1%; background-image:url(/smartsite.dws?id=AZG_IMGARROWSFFFFFF); background-repeat:no-repeat; background-position:155px 8px; }

#left-sb ul li.selected a { background-position:157px -93px; border-bottom:none; }

#left-sb ul li a:hover, #left-sb ul li a:focus { color:#7a123e; background-color:#efc05c; }

#left-sb ul li a.selected, #left-sb ul li li a { border-bottom:none; }

#left-sb ul li li a { padding: 1px 2px 1px 26px; color:#7a123e; background-image:none;  }

#left-sb ul li li.last a { border-bottom:1px solid #fff; }

#left-sb ul li li a:hover, #left-sb ul li li a:focus { color:#42041D; }

#left-sb ul li li li a { padding-left:46px; font-size:0.8em; }

.purple { color:#7a123e; }

h4#notice {
	border: 2px solid #7a123e; 
	-moz-border-radius-topleft:12px;
	-moz-border-radius-bottomright:12px;
	-moz-border-radius-topright:12px;
	-moz-border-radius-bottomleft:12px;
	-webkit-border-bottom-left-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	-webkit-border-top-left-radius:12px;
	-webkit-border-top-right-radius:12px;
	padding:8px;
	font-size:1.6em;
	text-align:center;
}

h6#francophones a { text-decoration:none; font-size:130%;}

h6#francophones a:hover, h6 #francophones a:focus { text-decoration:underline; }

#breadcrumbs { font-size:0.9em; }

#footer { }

#footer .container {  text-align:center; height:50px; padding-top:30px; background-image:url(/eCache/2630/footer-shadow.jpg); background-repeat:no-repeat; background-position:top left; background-color:#eee; }