/* stylesheet: Pijnstller Infocentrum */
/* versie: 1.4.2 - 08/12/2008 */
/* Maaike de Laat - maaike@eend.nl */


/*  reset v 1.0 | 20080212 (aangepast)
-------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*  basis typografie
-------------------------------------------- */
p {
	margin-bottom:1em;
}

.verstoppen {
	position:absolute;
	top:-5000px;
	left:0;
}

h1, h2, .bhome #kader h3 {
	font:1.7em/1.4 Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#333;
}

a:link, a:visited {
	color:#06c;
}

a.verder{
	text-decoration:none;
}

a.zoeklink {
	font-weight:bold;
}

.verzamel a.verder{
	font-weight:bold;
}

a:hover {
	color:#43a31e;
}

a:active {
	color:#000;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

img {
	display:block;
	margin:.5em 0 1em 0;
}

/*  structuur
-------------------------------------------- */
html {
	background:#fff url(../images/html_bg.gif);
}

body {
	font:.72em/1.8 Arial, Helvetica, Verdana, sans-serif;
	background:url(../images/body_bg.gif) 0 0 repeat-x;
}

#kader {
	width:930px; /*10px versmald */
	margin:0 auto;
	position:relative;
	background-color:#fff;
	border-left:30px solid #fff;
	border-right:30px solid #fff;
}

#header {
	width:100%;
	background:#0096dd url(../images/wolken3.jpg) 0 0 no-repeat;
	float:left;
}

/*  hoofdmenu
-------------------------------------------- */
#hoofd {
	float:left;
	margin-top:100px;
	width:864px;
	background:url(../images/ulhoofd_bgv2.png) top right no-repeat;
	min-height:1.75em;
	padding:.7em 0 .4em 16px;
}

#hoofd li {
	display:inline;
	margin:0 16px 0 0;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.3;
}

#hoofd li a {
	color:#fff;
	text-decoration:none;
}

#hoofd li a:hover, #hoofd li a.active {
	color:#000;
}

.bhome h1, #logo {
	position:absolute;
	top:26px;
	left:15px;
	font:1.7em/1.4 Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#333;
}

/*  content
-------------------------------------------- */
#content {
	position:relative;
	float:left;
	padding:4em 0;
	background:#fff url(../images/content_bg.gif) top left repeat-x;
	width:100%;
	border-top:3px solid #fff;
}

#submenu {
	float:left;
	width:215px;
}

#submenu ul {
	list-style:none;
	background-color:;
	margin-bottom:2em;
}

#submenu li {
	font-size:1.1em;
	line-height:1.4;
	background:#fff url(../images/submenuli_bg.gif) bottom left no-repeat;
}

#submenu li.first {
	background:#fff url(../images/submenulifirst_bg.png) top right no-repeat;
	padding-top:3px;
}

#submenu li.jaar {
	background:#fff url(../images/submenu_bg.png) top right no-repeat;
	padding-top:3px;
}

#submenu li.first.active {
	background:#e1f0d8 url(../images/submenuli_bg.gif) bottom left no-repeat;
	padding-top:0;
}

#submenu li.first a {
	background:url(../images/submenuli_bg.gif) bottom left no-repeat;
}


#submenu li.first strong {
	background:url(../images/submenulistrongfirst_bg.gif) top right  no-repeat;
	padding-top:9px;
}

#submenu li.jaar strong {
	background:url(../images/submenuli_bg.gif) bottom left no-repeat;
	padding-top:3px;
	font:italic bold 1.3em/1.3 Georgia, "Times New Roman", Times, serif;
	padding-left:10px;
}

#submenu li.last {
	background:url(../images/submenu_bgv2.png) bottom right no-repeat;
	padding-bottom:3px;
}

#submenu li.active {
	background-color:#e1f0d8;
}

#submenu li.last.active {
	background:url(../images/submenuact_bgv2.png) bottom right no-repeat;
}

#submenu li a {
	text-decoration:none;
	font-weight:bold;
	padding:6px 10px 6px 22px;
	background:url(../images/submenua_bg.gif) 8px 8px no-repeat;
	display:block;
	
}

#submenu li strong {
	text-decoration:none;
	font-weight:bold;
	padding:6px 10px 6px 22px;
	background:url(../images/submenustrong_bg.gif) 8px 8px no-repeat;
	display:block;
	
}

#submenu li strong a { /* Voor de a binnen een strong maken we het iets minder bont.. */
	text-decoration:none;
	font-weight:bold;
	padding:0;
	background-image: none;

	
}

#submenu ul ul {
	list-style: none;
	background-color:#F2F7FB;
	margin-bottom:0;
}


#submenu ul ul li {
	font-size:1.1em;
	line-height:1.4;
	background:url(../images/submenuli_bg.gif) bottom left no-repeat;
}

#submenu ul ul li a {
	margin-left: 1em;
	text-decoration:none;
	font-weight:bold;
	padding:6px 10px 6px 22px;
	background:url(../images/subsubmenua_bg.gif) 8px 8px no-repeat;
	display:block;
	
}


#submenu ul ul li.active {
	background-color:#E6F0FA;
}

#zoek {
	position:absolute;
	left:705px;
	top:1em;
	width:200px;
}

#zoek input {
	width:122px;
	font-size:.9em;
	margin-right:2px;
}

#main {
	background:url(../images/maingr_bg.png) top left repeat-y;
	width:650px;
	margin-left:240px;
}

#main #wrap {
	background:url(../images/maingrbottom_bg.gif) bottom left no-repeat;
	padding-bottom:3em;
	overflow:auto;
}

#main p, #main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #main ul, #main ol {
	margin-left:15px;
	margin-right:30px;
}

#main ul, #main ol {
	list-style:none;
	margin-top:.25em;
}

#main ul li {
	background:url(../images/bullet.gif) 0 .7em no-repeat;
	padding-left:12px;
	margin-left:2px;
}

#main ol li {
	list-style:decimal inside;
	font-weight:bold;
	color:#42A21D;
}

#main ol.verantwoord li {
	list-style:decimal outside;
    margin-left: 32px;
	font-weight:normal;
	color:#222;
    margin-bottom: 6px;    
}

#main ol.zoekresultaat li {
	list-style:decimal outside;
    margin-left: 32px;
	font-weight:normal;
	color:#222;
}

#main ol.zoekresultaat p {
    padding: 0;
    margin: 0 0 6px 0;
    
}


#main ol li span {
	font-weight:normal;
	color:#000;
}

#main h1 {
	font-size:2.3em;
	margin:.5em 20px .5em 15px;
}

.verzamel #main  h2 {
	font:italic normal 2.3em Georgia, "Times New Roman", Times, serif;
	margin:.5em 20px .5em 15px;
	color:#333;
}

#main h2 {
	font:normal bold 1.3em/1.4 Arial, Helvetica, sans-serif;
	color:#000;
	margin-top:1.5em;
}

.beeldbank #main h2 {
	clear:left;
	margin-bottom:.3em;
}

#main h3 {
	font:normal bold 1.1em/1.4 Arial, Helvetica, sans-serif;
	color:#000;
	margin-top:1.5em;
}

#main img {
	display:block;
	float:right;
	margin:.5em 18px 1em 2em;
}

#main #categorie, .verzamel #main h1 {
	background:url(../images/maingrstrong_bg.png) top left repeat-y;
	display:block;
	padding:5px 15px;
	color:#333;
	font-size:1.1em;
}

.verzamel #main h1 {
	margin:0;
	font:normal bold 1.1em/1.7 Arial, Helvetica, sans-serif;
}

.verzamel #main h2 a {
	text-decoration:none;
}


#main div.intro { /* was: #main p.intro */
	color:#666;
	font-weight:bold;
	font-size:1.3em;
}

#main .downs {
	list-style:none;
	background:url(../images/submenuli_bg.gif) top left repeat-x;
	width:580px;
	margin-top:.5em;
	padding-top:.5em;
}

#main .downs li {
	list-style:none;
	background:url(../images/submenuli_bg.gif) bottom left repeat-x;
	width:580px;
	padding:0 0 .5em 0;
	margin:0 0 .5em 0;
}

#main .downs li a {
	text-decoration:none;
	font-weight:bold;
}

#main blockquote {
	float:right;
	clear:right;
	width:270px;
	background:#fff url(../images/footer_bg.gif) top left repeat-x;
	margin:0 18px 1em 2em;
	padding:20px 0 0 0;
}

#main blockquote p {
	background:#fff url(../images/footer_bg.gif) bottom left repeat-x;
	margin:0;
	padding:0 10px 20px 0;
	text-align:center;
	font:bold 1.5em/1.4 "Trebuchet MS", Trebuchet, sans-serif;
	color:#43a31f;
}

img.icon {
	float:none !important;
	display:inline !important;
	margin:0 3px 0 1px !important;
	padding:0 !important;
	vertical-align:bottom
}

#main .beeld {
	float:left;
	width:150px;
	padding-left:15px;
	margin-bottom:2.5em;
	margin-right:-11px;
}

#main .beeld img {
	float:left;
	margin:0;
	margin-bottom:5px;
}

#main .beeld ul {
	clear:left;
	list-style:none;
	margin:0;
}

#main .beeld li {
	background:none;
	padding-left:0;
}

/*  FAQ pagina
-------------------------------------------- */
.faq #main h1 {
	background:url(../images/maingrtop_bg.gif) top left no-repeat;
	margin:22px 0 -27px 0;
	position:relative;
	top:-27px;
	padding:15px;
}

.faq #main h2 {
	font:normal bold 1.3em/1.4 Arial, Helvetica, sans-serif;
	color:#666;
	margin-top:0;
}

.faq #main ul {
	list-style:none;
	background:url(../images/submenuli_bg.gif) top left repeat-x;
	width:580px;
	margin-top:.5em;
	margin-bottom:2em;
	padding-top:1px;
}

.faq #main ul li {
	list-style:none;
	background:none;
	width:580px;
	padding:1px 0 0 0;
	margin:-1px 0 0 0;
	position:relative;
	top:0;
}

.faq #main ul li a.sluit {
	display:none;
}

.faq #main ul li.open {
	background:#E8F1FA none;
	border-top:1px solid #b2d1f0;
	border-bottom:1px solid #b2d1f0;
	padding-bottom:1em;
	padding-top:0;
}

.faq #main ul li.open a.sluit {
	display:block;
}

.faq #main ul li p {
	margin:0;
	padding:0 5px 1em 5px;
}

/*.faq #main ul.js-aan li p {
	display:none;
}

.faq #main ul li.open p {
	display:block;
}*/

.faq #main ul li h3 {
	color:#06c;
	font-weight:bold;
	display:block;
	padding:.5em 5px;
	margin:0;
}

.faq #main ul.js-aan li h3 {
	background:url(../images/submenuli_bg.gif) bottom left repeat-x;
}

.faq #main ul.js-aan li.open h3 {
	background:none;
}

.faq #main ul.js-aan li.open h3.hover {
	background:none;
	cursor:default;
	color:#06c;
}

.faq #main ul.js-aan li.open h3.visited.hover {
	color:#000;
}

.faq #main ul.js-aan li h3.hover {
	background:#F4F7FC url(../images/submenuli_bg.gif) bottom left repeat-x;
	cursor:pointer;
	color:#43a31e;
}

.faq #main ul.js-aan li h3.visited {
	color:#000;
}

.sluit {	
	background:url(../images/sluit.gif) center left no-repeat;
	padding-left:15px;
	display:block;
	float:right;
	margin-right:10px;
	font-weight:bold;
	margin-top:-1em;
}

/*  zoekresultaten
-------------------------------------------- */
.zoekres #main h1 {
	background:url(../images/maingrtop_bg.gif) top left no-repeat;
	margin:22px 0 -27px 0;
	position:relative;
	top:-27px;
	padding:15px;
}

.zoekres #aantal {
	font:bold 1em Arial, Helvetica, sans-serif !important;
	color:#666;
	background:url(../images/submenuli_bg.gif) top left repeat-x;
	margin:0 30px 1em 15px;
	padding-top:1em;
	overflow:auto;
}

#aantal ol {
	float:left;
	margin-top:0 !important;
}

#aantal p {
	float:left;
	margin:0 !important;
}

#aantal p em {
	padding-right:1em;
	margin-right:.5em;
	border-right:1px solid #666;
	font-style:normal;
}

#aantal li {
	float:left;
	list-style:none !important;
	color:#666 !important;;
	font-weight:bold !important;
	margin-right:15px;
}

.zoekres #resultaten {
	background:url(../images/submenuli_bg.gif) top left repeat-x;
	padding:1em 0;
	margin:0 30px 1em 15px;
	clear:left;
}

.zoekres #resultaten p {
	margin:0;
}

.zoekres #resultaten h2 {
	margin-left:0;
	clear:left;
}

.zoekres #main form {
	background:url(../images/submenuli_bg.gif) top left repeat-x;
	margin:15px 30px 1em 15px;
	padding-top:2em;
}

.zoekres #main label {
	float:left;
	margin-right:1em;
}

/*  home
-------------------------------------------- */
.bhome #content {
	padding:4em 225px 2em 240px;
	position:relative;
	float:left;
	width:465px;
}

.bhome #main {
	width:465px;
	position:relative;
	float:left;
	background:none;
	margin-left:0;
	padding:0;
}

.bhome #main div {
	background:url(../images/main_bg.png) top left repeat-y;
	margin-bottom:5em;
	margin-right:10px;
	margin-top:25px;
}

.bhome #main div.alt {
	background:url(../images/mainalt_bg.png) top left repeat-y;
}

.bhome #main div p {
	padding:0 20px 0 11px;
}

.bhome #main div img {
	padding:0 0 0 11px;
	margin-left:0;
}

.bhome #main div p {
	margin:0 0 1em 0;
}

.bhome #main div .last {
	background:url(../images/mainbottom_bg.png) bottom left no-repeat;
	position:relative;
	top:20px;
	margin-top:-20px;
	padding-bottom:30px;
}

.bhome #main div.alt .last {
	background:url(../images/mainaltbottom_bg.png) bottom left no-repeat;
}

.bhome #main div h2 {
	background:url(../images/mainh2_bg.png) top left no-repeat;
	padding:10px 20px 0 11px;
	position:relative;
	top:-25px;
	left:0;
	margin:0 0 -25px 0;
	width:430px;
	font:italic 2.3em/1.4 Georgia, "Times New Roman", Times, serif;
}

.bhome #main div.alt h3 {
	background:url(../images/mainalth3_bg.png) top left no-repeat;
	padding:15px 20px 0 11px;
	position:relative;
	top:-25px;
	left:0;
	margin:0 0 -35px 0;
	width:430px;
}

#sec {
	width:224px;
	float:left;
	position:relative;
	right:230px;
	margin-left:-467px;
}

#sec .nws {
	background:url(../images/nws_bg.png) 0 20px repeat-y;
	margin:30px 0 2em 0;	
}

#sec .nws input {
	width:110px;
	padding-top:1px;
	padding-bottom:1px;
}

#sec .nws h3 {
	background:url(../images/nwsh3_bg.png) 0 0 no-repeat;
	padding:10px 10px 5px 12px;
	position:relative;
	top:-30px;
	margin-bottom:-30px;
	width:200px;
}

#sec .nws p {
	padding:0 20px 0 12px;
}

#sec .nws .last {
	background:url(../images/nwsbottom_bg.png) bottom left no-repeat;
	position:relative;
	top:20px;
	margin:-20px 0 0 0;
	padding-bottom:25px;
	padding-left:12px;
}

#sec .feit {
	background:url(../images/feit_bg.png) 11px 0 repeat-y;
	margin-top:30px;
	margin-left:-11px;
    margin-bottom: 12px;
	position:relative;
}

#sec .feit h3 {
	background:url(../images/feith3_bg.png) 0 0 no-repeat;
	position:relative;
	top:-5px;
	left:0;
	padding:23px 20px 20px 22px;
	color:#fff;
	font:normal bold 1.4em/1.4 Arial, Helvetica, sans-serif;
	width:197px;
	margin-bottom:-47px;
}

#sec .feit h4 {
	padding:0 40px 5px 22px;
	font:1.6em/1.3 Georgia, "Times New Roman", Times, serif;
	color:#06c;
	position:relative;
	top:32px;
}

#sec .feit.js-aan h4 {
	padding-bottom:20px;
	background:url(../images/feitbottom_bg.png) 11px 100% no-repeat;
}

#sec .feit.antw h4 {
	background:none;
	padding-bottom:5px;
}

#sec .feit p {
	padding:20px 20px 20px 22px;
	position:relative;
	top:10px;
	background:url(../images/feitbottom_bg.png) 11px 100% no-repeat;
	margin-bottom:-20px;
}

#sec .feit.knop {
	text-indent: -5000px;
	background:url(../images/vraagteken.gif) 0 0 no-repeat;
	display:block;
	width:37px;
	height:37px;
	position:absolute;
	bottom:-20px;
	right:15px;
}
#sec .feit img {
	margin: 0;
	padding: 0;
	float: right;
}



#sec .wistudat {
	background:url(../images/feit_bg.png) 11px 0 repeat-y;
	margin-top:30px;
	margin-left:-11px;
	position:relative;
}

#sec .wistudat h3 {
	background:url(../images/feith3_bg.png) 0 0 no-repeat;
	position:relative;
	top:-5px;
	left:0;
	padding:23px 20px 20px 22px;
	color:#fff;
	font:normal bold 1.4em/1.4 Arial, Helvetica, sans-serif;
	width:197px;
	margin-bottom:-47px;
}


#sec .wistudat p {
	padding:20px 20px 20px 22px;
	position:relative;
	top:10px;
	background:url(../images/feitbottom_bg.png) 11px 100% no-repeat;
	margin-bottom:-20px;
}



#sec .knop:hover {
	background-position:0 -39px;
}

#sec .poll {
	background:url(../images/feit_bg.png) 11px 0 repeat-y;
	margin-top:45px;
	margin-left:-11px;
	position:relative;
}

#sec .poll h3 {
	background:url(../images/polltop_bg.png) 11px 0 no-repeat;
	position:relative;
	top:-5px;
	left:0;
	padding:20px 55px 20px 22px;
	color:#06c;
	font:normal bold 1.2em/1.4 Arial, Helvetica, sans-serif;
	width:155px;
	margin-bottom:-47px;
	min-height:39px;
}

#sec .poll form {
	padding:0 25px 20px 22px;
	position:relative;
	top:32px;
	background:url(../images/feitbottom_bg.png) 11px 100% no-repeat;
}

/* tijdelijke oplossing totdat de nieuwsbrief weer online gaat*/
#sec .poll {
	top:-42px;
    margin-bottom:-30px;
}

#sec .poll form {
	background-image:url(../images/formbottom_bg.png);
}
/*einde tijdelijke oplossing -rj*/

#sec .poll ul {
	padding:0 25px 20px 22px;
	position:relative;
	top:32px;
	background:url(../images/feitbottom_bg.png) 11px 100% no-repeat;
	list-style:none;
}

#sec .poll li {
	margin-bottom:1.5em;
	line-height:1.3;
}

#sec .poll .barwrap {
	width:160px;
	height:18px;
	border:1px solid #06c;
	position:relative;
	margin-top:.5em;
	background-color:#fff;
}

#sec .poll .barwrap strong {
	display:block;
	background-color:#06c;
	height:18px;
	text-indent:166px;
	line-height:18px;
	width:100%;
}


#sec .poll button {
	float:right;
	margin-top:.5em;
}

#sec .poll label {
	vertical-align:bottom;
	font-weight:normal;
	padding-left:20px;
}

#sec .poll input {
	float:left;
	clear:left;
	width:auto;
	vertical-align:bottom;
	position:relative;
	top:.4em;
	padding:0;
	margin:0;
	
	border:none;
}

/* rightcolumn */
#rightcolumn {
	float:left;
	width:220px;
	position:relative;
	margin: 10px -225px 0 0;
	}

/* column en feit rechterbalk */
#column,
#rightcolumn .feit {
	float:left;
	width:220px;
	background-color:#fff;
	background:url(../images/actueel_bg.png) 0 20px repeat-y;
	margin-bottom: 20px;
	
}

#rightcolumn .feit {
	margin-top: 30px;
}

#column h3 {
	color: #fff!important;
	background:url(../images/columnh3_bg.png) -2px 0 no-repeat;
	padding:15px 12px 15px 10px;
	position:relative;
	top:-10px;
	left:0;
	margin-bottom:-15px;
	width:200px;
	font-family:Arial,Helvetica,sans-serif!important;
	font-size:1.3em!important;
	font-style: normal!important;
	font-weight: bold!important;
}

#rightcolumn .feit h3 {
	color: #fff!important;
	background:url(../images/feith3_bg-rechts.png) -2px 0 no-repeat;
	padding:15px 12px 15px 10px;
	position:relative;
	top:-10px;
	left:0;
	margin-bottom:-15px;
	width:200px;
	font-family:Arial,Helvetica,sans-serif!important;
	font-size:1.3em!important;
	font-style: normal!important;
	font-weight: bold!important;
}

#rightcolumn .feit h4 {
	font:1.6em/1.3 Georgia, "Times New Roman", Times, serif;
	position:relative;
	color: #0065CC;
	padding-right: 60px;
	/*background:transparent url(../images/actueelbottom_bg.png) no-repeat bottom;*/

}

#column h3 a,
#rightcolumn .feit h3 a {
	color: #fff;
	text-decoration: none;
}

#rightcolumn .feit #feit_knop {
	text-indent:-5000px;
	background:url(../images/vraagteken.gif) 0 0 no-repeat;
	display:block;
	width:37px;
	height:37px;
	position:absolute;
	bottom:20px;
	right:15px;
}



#column .last {
	background:url(../images/actueelbottom_bg.png) bottom right no-repeat;
	position:relative;
	top:15px;
	margin-bottom:0;
	margin-top:-25px;
	padding-bottom:25px;
	padding-right: 20px;
}

#rightcolumn .feit h4 {
	padding:15px 25px 25px 10px;
}

#rightcolumn .feit-tekst {
	background:url(../images/actueelbottom_bg.png) bottom right no-repeat;
	position:relative;
	top:15px;
	margin-bottom:0;
	margin-top:0px;
	padding:0px 20px 15px 10px;
}



#rightcolumn .feit p {
	background: none;
}



img#columnfoto {
float: right;
margin: 12px 0 -10px !important;
}

/* actueel */
#actueel {
	float:left;
	width:220px;
	background-color:#fff;
	background:url(../images/actueel_bg.png) 0 20px repeat-y;
	margin-top: 10px;
}

#actueel h3 {
	background:url(../images/actueelh3_bg.png) -2px 0 no-repeat;
	padding:15px 10px 20px 12px;
	position:relative;
	top:-10px;
	left:0;
	margin-bottom:-15px;
	width:200px;
	color: #fff!important;
	font-family:Arial,Helvetica,sans-serif!important;
	font-size:1.4em!important;
	font-style: normal!important;
	font-weight: bold!important;
}

#column img, #column p, #column h4, #actueel h4, #actueel h5, #actueel p, #actueel ul, #actueel ol, #actueel img {
	padding-left:12px;
	padding-right:12px;
}

#actueel p {
	background:url(../images/actueelp_bg.gif) 10px 100% no-repeat;
	padding-bottom:1em;
}

#actueel .last {
	background:url(../images/actueelbottom_bg.png) bottom right no-repeat;
	position:relative;
	top:15px;
	margin-bottom:0;
	margin-top:-15px;
	padding-bottom:25px;
}

/*  servicemenu
-------------------------------------------- */
#service {
	position:absolute;
	top:0;
	right:50px;
	background:#d1e9f7 url(../images/servicel_bg.gif) bottom left no-repeat;
	font-size:1.1em;
	height:2.1em;
	
}

#service ul {
	background:url(../images/servicer_bg.gif) bottom right no-repeat;
	height:2.1em;
	float:left; /* voor IE6 */
	padding-right:6px;
}

#service li {
	float:left;
	margin:0 0 0 4px;
	font-weight:bold;
	padding:2px 4px;
	list-style:none;
	position:relative;
	z-index:1000000;
}

#service li.active {
	z-index:1;
}

#service span {
	margin-left:-140px;
	background:url(../images/service_symbols.png) bottom center no-repeat;
	display:block;
	padding:0 0 20px 140px;
	z-index:1;
}

#service li a {
	text-decoration:none;
	z-index:10000;
	position:relative;
}

/*  footer
-------------------------------------------- */
#footer {
	clear:both;
	background:#fff url(../images/footer_bg.gif) top left repeat-x;
	padding:15px 0 15px 10px;
}

#footer li {
	display:inline;
	margin:0 5px;
}

#footer li a {
	font-size:.94em;
	font-weight:bold;
	text-decoration:none;
}

/*  contactpagina
-------------------------------------------- */
.contact #main h1 {
	background:url(../images/maingrtop_bg.gif) top left no-repeat;
	margin:22px 0 -27px 0;
	position:relative;
	top:-27px;
	padding:15px;
}

.vcard {
	overflow:auto;
	}

.adr {
	display:block;
	}
	
.postal-code, .tel {
	float:left;
	clear:left;
	}
	
.locality {
	float:left;
	margin-left:.5em;
	}

.contact #main form, .faq #main form {
	margin:15px 30px 1em 15px;
}

.contact #main form input, .faq #main form input {
	margin-bottom:1em;
	width:28em;
}

.contact #main form textarea, .faq #main form textarea {
	margin-bottom:1em;
	width:28em;
}

.contact #main form button, .faq #main form button {
	clear:left;
	float:left;
}

/*  formulieren
-------------------------------------------- */
button, .button {	
	color:#fff;
	background-color:#06c;
	border:none;
	padding:2px 3px;
	font-size:.9em;
	vertical-align:middle;
	font-weight:bold;
	cursor:pointer;
}

.button {
	color:#fff;
	background-color:#06c;
	border:none;
	padding:0px 5px;
	font-size: 1em;
	vertical-align:middle;
	font-weight:bold;
	cursor:pointer;
	float:right;
	margin-top:0.5em;
	
}

input {
	padding:2px;
	border:1px solid #000;
	vertical-align:middle;
	font-family:Arial, Helvetica, Verdana, sans-serif;
}

input:focus, textarea:focus {
	border-color:#06c;
}

button:focus {
	background-color:#000;
}

textarea {
	padding:2px;
	border:1px solid #000;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:1em;
}

label {
	display:block;
	font-weight:bold;
	margin-bottom:5px;
}