﻿/*(p)resets*/
html, body{height:100%}
html{overflow-y:scroll;}
body, h1, h2, h3, h4, h5, h6, p{margin:0; padding:0}
br.clear{clear:both; font-size:0; height:0; line-height:0}
hr{background:none; border:none; border-bottom:solid 1px #f0f0f0;}
a img{border:0;}

/*Markeren opvallende tekst*/
.markeren{
	background-color: #FFFF00;
}

/*Stijlen*/
body{background:#fcfff4 url(../assets/gfx/bgGradient.jpg) repeat-x; font:0.75em/16px "Lucida Sans", Arial,sans-serif; color:#606060} 
/*body{background-image:url(../assets/gfx/AAAAAAAAAAA_BG.gif); background-repeat:repeat-x; background-color:#212121; font:12px/16px "Lucida Sans", Arial,sans-serif; color:#606060}*/

input, select, textarea{font-size:1em; padding-left:3px; font-family:"Lucida Sans", Arial, sans-serif; color:#909090; margin-bottom:3px; border:solid 1px #ccc}

h1.header{clear:both; color:#606060; font:normal 2em/24px  "Gill Sans MT","Century gothic",Arial, sans-serif; text-transform:uppercase; font-weight:normal; padding-top:0px;}

#rightPane h2{color:#606060; font:normal 1.7em/22px "Gill Sans MT","Trebuchet MS",Arial, sans-serif; padding:0;}
#leftPane h2{color:#606060; font:normal 1.7em/22px "Gill Sans MT","Trebuchet MS",Arial, sans-serif; padding:0;}
h2{color:#707070; font:1.2em/18px "Gill Sans MT","Trebuchet MS",Arial, sans-serif;   padding:11px 0 0 0; margin:0; font-weight:bold;}
h3{color:#808080; font:1em/16px Arial, sans-serif;  padding:11px 0 0 0; margin:0; font-weight:bold;}
h4{color:#909090; font:0.75em/14px Arial, sans-serif;  padding:11px 0 0 0; margin:0; font-weight:bold;}
h5{color:#606060; font:normal 2em/30px "Gill Sans MT","Trebuchet MS",Arial, sans-serif; padding:0;}
#leftPane h1{margin-bottom: 5px;}

p{font:1em/16px "Lucida Sans", Arial, sans-serif;padding:5px 0 5px 0;}

.small{font-size:0.625em;}
.greyBlock{background:#f8f8f8; border:solid 1px #dcdcdc; padding:0 15px;}
.greyBlock img{float:left;}

#contentPane ul.btnWebsite{margin-left:0; padding-left:0; }
#contentPane ul.btnWebsite li{background: white url(../assets/gfx/iconBullet.gif) no-repeat; list-style:none; margin-left:0; padding-left:16px; text-align:left; font-size:1em; font-weight:bold;}

#contentPane ul.terug li {background: white; list-style-image: url(../assets/gfx/iconBullet3.gif); margin-left:18px; text-align:left; font-size:1em; font-weight:bold;}
#contentPane ul.terug {margin-left:0; padding-left:0; }

#slick-hide, a.btnWebsite, a.btnTerug{font-size:1em; color:#606060; background:url(../assets/gfx/iconBullet.gif) left -3px no-repeat; padding-left:16px;}
a.btnSolliciteer{font-weight:bold; margin:auto; padding:20px; width:200px; border:solid 1px #dcdcdc; clear:both; display:block; color:#606060!important; text-decoration:none; margin-top:10px;}
a.btnSolliciteer:hover{color:#101010!important; text-decoration:none; background-color:#f7f7f7}

#contentPane ul{margin:5px 0 15px 15px; padding:0; list-style:url(../assets/gfx/iconBullet2.gif); color:#808080}
#contentPane ul li{margin:0; padding:2px;}
#contentPane #subContent h1{font-size:1.25em; margin-bottom:5px;}
#contentPane #subContent h2{font-size:0.75em; font-weight:bold}
#contentPane #subContent p{margin-bottom:0; padding-bottom:0;}
#contentPane #subContent ul {margin-top:0; padding-top:0;}

blockquote {
	color: #808080;
	margin-left: 0;
	padding-left: 40px;
	background: transparent url('../assets/gfx/digi-bullet.gif') no-repeat 18px 2px;
	font-style: italic;
}


a{color:#606060;}
a:hover{color:#333;}
#contentPane #rightPane a:visited{color:#e13e29;}
#contentPane #rightPane #breadCrumb a:visited{color:#adacac;}
#contentPane #rightPane #subContent h2{color:#606060; font:normal 1.7em/22px "Gill Sans MT","Trebuchet MS",Arial, sans-serif; padding:0}

.teaser{margin-bottom:15px;}
input.noBorder{border:0;}

/*Structuur*/
#wrapper{width:946px; margin:0 auto; background:#fff;}
#wrapper{min-height:100%;}

#topPane{height:90px; float:left; width:946px;}
#contentPane{float:left;padding:0 35px 15px 35px;}


#content{padding:0; margin-right:32px}
#subContent{width:198px; float:right; margin:0px 0px 10px 10px; display:inline; padding:0 10px 10px 10px; background:#fff; border:solid 1px #dcdcdc;}

#footer{font-size:10px; margin-top:10px; padding:10px 10px 7px 260px; border-top:dotted 1px #dcdcdc; color:#999; clear:both}
#footer a{color:#999; font-family:Arial; text-decoration:none}
#footer a:hover{text-decoration:underline}
#footer a.active{font-weight:bold; color:#e13e29}
a.active{font-weight:bold; color:#e13e29; text-decoration:none;}
a.active:hover{text-decoration:underline;}

/*invulling topPane*/
#logoDigiPoint{float:left; background:url(../assets/gfx/logoDP.jpg); width:191px; height:51px; display:block;}
#topPane #leftPane{width:202px; float:left; height:55px; padding:35px 35px 0 35px}
#topPane #rightPane{width:674px; float:left; height:90px}

/*metNav*/
#metaNav{float:right; margin:7px 7px 0 0; width:300px;}
#metaNav #searchHolder{float:right;}
#metaNav input{font-size:0.75em; height:14px; border:1px solid #676767; line-height:14px;  padding-right:5px; margin:0px; width:100px; float:left}
input.searchField{font-size:0.625em; height:14px; border:1px solid #676767; line-height:14px;  padding-right:5px; margin:0px; width:180px; float:left}
a.btnSearch{background-image:url(../assets/gfx/btnSearch.gif); background-position:right; background-repeat:no-repeat; display:block; float:left; height:18px; width:18px; }

#metaNav ul{list-style-type:none; padding:0; margin:0px 5px 0 0; text-align:right; color:#666; font-size:0.563em; float:left;}
#metaNav ul li{display:inline; color:#666; text-decoration:none;}  
#metaNav ul li:first-child{background-image:none}
#metaNav ul li a{color:#666; text-decoration:none;font-family:Verdana, Arial, sans-serif; font-size:9px;}
#metaNav ul li a:hover{text-decoration:underline}
#metaNav img{padding:0 6px 0 8px;}
#metaNav ul li a.active{font-weight:bold; color:black;}

/*mainNav*/
div.ahover{ position:absolute;}
#mainNav{margin-top:27px;}
#mainNav ul{list-style-type:none; padding:0; margin:5px 0; color:#666; font-size:0.9em;clear:both; position:relative; float:left;}
#mainNav ul li{display:inline; display:block; float:left; cursor:pointer!important; position:relative; z-index:200;}
#mainNav ul li a{text-transform:uppercase; color:#666; text-decoration:none; padding: 0 10px 7px 10px; display:block;
}
#mainNav ul div.ahover{ border-bottom:solid 3px #f0f0f0; padding-bottom:0px;}
#mainNav ul a.active{ border-bottom:solid 3px #dcdcdc; padding-bottom:6px}

/*invulling contentPane*/
#contentPane #leftPane{float:left; width:237px; overflow:hidden; margin-top:15px}
#contentPane #rightPane{float:left; width:639px; overflow:hidden; margin-top:15px;}
#contentPane #rightPane h1{margin-bottom: 5px;};
#contentPane #rightPane a.btnWebsite{font-size:1em;}
*html #contentPane #rightPane{width:650px;}


/*sideNav*/
ul#sideNav {text-align:right; padding:0; margin:0; font-size:1em; font-weight:bold; font-family:Arial, sans-serif; list-style-type:none; margin:63px 20px 0px 0px; background:none;}
ul#sideNav a{text-decoration:none; color:#666; white-space:nowrap;}

ul#sideNav ul{text-align:right; padding:0; margin:0; font-size:1em; font-weight:normal; list-style-type:none; font-size:11px;clear:both; padding-bottom:5px; }
ul#sideNav ul li{padding:2px 0; margin-left:20px;}

ul#sideNav ul li a:hover{color:#333333; text-decoration:underline;}
ul#sideNav a:hover{color:#333333; }

/* ul#sideNav .selected{color:#e42c2a} */
ul#sideNav ul div.ahover{border-bottom:solid 3px #f0f0f0; padding-bottom:2px}
ul#sideNav a.active{color:#e13e29;}

#contentPane #leftPane ul#sideNav li, #contentPane #leftPane ul#sideNav{list-style-image:none;}

/*Our Daily Bread*/
#breadCrumb{font-size:0.9em; color:#adacac; margin:1em 0}
#breadCrumb a{font-size:0.9em; color:#adacac; text-decoration:none}
#breadCrumb a:hover{text-decoration:underline}

/*De slideSwitcher*/
#parent1 li{background:#1e1e1e; color:#fff;}
#contentPane #rightPane ul#parent1 li{margin:0; padding:0;}

#parent1 li p{padding:5px}
#parent1-menu{margin-bottom:30px; clear:both;}
#parent1-menu a.wactive{ background-image:url(../assets/gfx/headerTabActive.gif); color:#eee!important}
#parent1-menu a{width:19px; height:19px; text-align:center; margin:2px 2px 0 0; display:block; float:left; background:url(../assets/gfx/headerTab.gif); color:white!important; text-decoration:none; font:0.875em/19px "Trebuchet MS",Arial,sans-serif;}

#parent1 li{display:none;}

ul#headerTabs{margin:0; padding:0}
ul#headerTabs li{display:block; float:left; width:14px; height:19px; background-image:url(../assets/gfx/headerTab.gif); line-height:18px; font-family:"Trebuchet MS";  padding-left:5px; font-weight:bold; font-size:0.875em; color:#FFF; text-decoration:none; padding-left:5px; background-repeat:no-repeat; margin:2px 2px 0px 0px; padding:0px 0px 0px 5px}

ul#headerTabs li a{font-weight:bold; font-size:0.875em; color:#FFF; text-decoration:none}
ul#headerTabs li a:hover{color:#e42c2a}
ul#headerTabs li#active{background-image:url(../assets/gfx/headerTabActive.gif)}

/*showcase thumbs*/
a.thumb{display:block; float:left; height:140px; width:199px; background:#f9f9f9; border:solid 1px #f5f5f5; padding:1px; margin:5px; text-decoration:none;}
a.thumb img{margin:auto;width:199px; height:89px;}
span.thTitle, span.thDescription{display:block; clear:both;}
span.thTitle{ padding:5px 5px 0 5px; font-size:1em; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
span.thDescription{ padding:0 5px 5px 5px; font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.thumb:hover{border:solid 1px #f0f0f0; background:#f4f4f4}
a.thumb:hover span.thDescription, a.thumb:hover span.thTitle{color:#000;}
a.thumb:visited{border:solid 1px #f3f3f3; background:#fff;}
a.thumb:visited span.thDescription, a.thumb:visited span.thTitle{color:#CCCCCC}

/*enkel en alleen de homepage*/
#contentPane.home h1.header, #contentPane.home  #breadCrumb{display:none;}
#contentPane.home #header{margin:auto; width:877px; height:337px;}
#contentPane.home #subContent{border:0;}
#contentPane.home #subContent h2{color:#606060; font:normal 1.7em/22px "Gill Sans MT","Trebuchet MS",Arial, sans-serif; padding:0}
#newsletter {background:url(../assets/gfx/sticker-Nieuwsbrief.jpg) no-repeat; width:200px; height:54px; padding-top:80px; padding-left:16px}
input.inpNewsletter{float:left; width:160px; height:14px;}


/**/
table.btnShortcut{border:solid 1px #e0e0e0; width:208px; text-align:center; height:100px;}
table.btnShortcut td{vertical-align:middle;}
table.btnShortcut a{text-decoration:none; font-size:18px;}

/*Partners*/
table.tblPartners{width:640px;}
table.tblPartners img{padding:3px; background:#fff; border:solid 1px #dcdcdc; width:80px;}
table.tblPartners .leftcell{width:100px}
table.tblPartners .rightcell{width:520px; font-size:0.85em; background:#f8f8f8; border-bottom:solid 1px #f3f3f3;padding:0 10px; }

.column{width:33.3333%; background:#f4f4f4; float:left;border: 1px solid #dcdcdc;}

.tblSitemap{margin-bottom:17px; padding:5px 15px 0 15px;}
.tblSitemap td, .tblSitemap th{text-align:left; padding:5px;}
.tblSitemap td{width:33.3333%; vertical-align:top;}

.tbl3Col{border:solid 1px #dcdcdc; padding:1px; margin-top:15px;}
.tbl3Col td, .tbl3Col th{text-align:left; padding:5px;}
.tbl3Col th{background:#f4f4f4;}
.tbl3Col td{width:33.3333%; vertical-align:top;}

.tbl3Col .col1{}
.tbl3Col .col2{border-left:dotted 1px #dcdcdc}
.tbl3Col .col3{border-left:dotted 1px #dcdcdc}

/*zoekresultaten*/
.tblZoek{}
.jobtitle{margin-top:5px; font-weight:bold; border-top:dotted 1px #dcdcdc; padding-top:15px;}
.tblPaging{width:100%; border-top:dotted 1px #dcdcdc;  padding:10px 0; background:#f4f4f4}
.tblPaging td.firstCol{text-align:right;}
.tblPaging td.secondCol{text-align:left;}
.tblPaging td a{background:#f4f4f4;  padding:10px; text-decoration:none}
.tblPaging td a:hover{background:#dcdcdc; padding:10px; color:#000000}


/*contact*/
.boxMessage{width:250px; border:solid 1px #dcdcdc; margin:10px auto 10px auto; padding:20px; text-align:center}

@media print {
	.basic div, #navigation ul, #list2 dd, #list3 div{
		display: block!important;
		height: auto!important
	}
	div.slideInfoZone{display:none;}
#wrapper{width:1000px;}

}

#as-txt {
  position: absolute;
  left: 0;
  top: -10000px;
  overflow: hidden;
}

#as-gfx img {
   width: 50px;
   height: 40px;
   border: none;
   margin-right: 20px;
}