/* reset
------------------------------------------------------------------*/
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;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* general
------------------------------------------------------------------*/
body { background: #faf9f4; color: #4f585b; font: 13px/17px Arial, sans-serif; }
h1 { margin: 0 0 16px 0; color: #4f585b; font-size: 32px; line-height: 36px; font-weight: normal; }
h2 { margin: 0 0 14px 0; color: #4f585b; font-size: 18px; line-height: 20px; font-weight: bold; border-bottom: #aaa 1px dashed; padding: 4px 0 ; }
h3 {  margin: 18px 0 6px 0; color: #4f585b; font-size: 14px; line-height: 18px; font-weight: bold;}
h4 {}
ul, ol { margin: 0 0 14px 16px; }
p, form { margin: 5px 0 13px 0; }
a { color: #424242; }
a:hover { color: #0c6db7; }
input, textarea, select { font-size: 11px; font-family: Arial, sans-serif; color: #4F535C; }
strong { font-weight: bold; }
em { font-style: italic; }

.img_left { float: left; margin: 0 10px 20px 0; padding: 5px 0 0 0; }
.img_right { float: right; margin: 0 0 10px 10px; }

sup,
sub { vertical-align: 0; position: relative; }
sup { bottom: 4px; font-size: 9px; }
sub { top: 4px; font-size: 9px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* page structure
------------------------------------------------------------------*/
#wrapper { width: 980px; margin: 0 auto; background: url(../images/bg_navigation.gif) repeat-y; }
#header { position: relative; width: 976px; height: 35px; padding: 10px 4px 0 0; background: #faf9f4; }
#sidebar { float: left; width: 232px; position: relative; }
#content { float:left; width: 744px; padding: 0 4px 0 0; }
#footer { clear: both; padding: 0 0 0 246px; background: #faf9f4 url(../images/bg_footer.gif) no-repeat; font-size: 11px; color: #4f585b; }

/* header
------------------------------------------------------------------*/
#languages { position: absolute; top: 15px; right: 250px; width: auto; margin: 0; color: #9c9c9c; }
#languages,
#languages a { color: #9c9c9c; font-size: 11px; text-transform: uppercase; }
#languages li { float: left; display: inline; margin: 0; padding: 0 5px; border-right: #6B6B6B 1px solid; color: #9c9c9c;}
#languages li.last { border: none; }
#languages a:hover { color: #000; }

#searchForm { position: absolute; right: 0px; top: 15px; width: 235px; margin: 0; font-size: 11px; color: #6b6b6b; text-align: right; text-transform: uppercase; color: #9c9c9c;}
#searchForm input { width: 110px; height: 15px; margin-left: 5px; background: none; border: #e1dddd 1px solid; }
#searchForm #btnSearch { margin: 0 0 0 5px; width: 19px; height: 18px; background: url(../images/bg_zoek.gif) no-repeat; border: none; vertical-align: middle; }

/* sidebar
------------------------------------------------------------------*/
#logoMH { display: block; margin: 5px 0 20px 36px;  }
#logoPieters { display: block; height: 79px; padding:15px 0 110px 0; background:transparent url(../images/bg_logo_pieters.gif) no-repeat;}

#navigation { padding: 2px 0 0 0; color: #4f585b; }
#navigation ul { margin: 0 0 40px 20px; }
#navigation ul li {  }
#navigation ul li a { display: block; width: 179px; padding: 4px 0 6px 18px; background: url(../images/bg_navigation_a.gif) bottom left no-repeat; color: #4f585b; font-size: 20px; line-height: 24px; text-decoration: none; }
#navigation ul li a:hover { background: url(../images/bg_navigation_a_ho.gif) bottom left no-repeat; color: #0c6db7; }
#navigation ul li.active a,
#navigation ul li.active a:hover { background: url(../images/bg_navigation_act_a.gif) bottom left no-repeat; color: #0c6db7; }

#navigation ul ul { display: none; margin: 0; padding: 10px 0 10px 18px; background: url(../images/bg_navigation_ul_ul.gif) bottom left no-repeat; }
#navigation ul li.active ul { display: block; }
#navigation ul ul li {  }
#navigation ul li.active ul li a { padding: 0 0 0 8px; background: none; background: url(../images/bg_navigation_ul_ul_a.gif) 0 6px no-repeat; color: #8e8f8e; font-size: 14px; line-height: 18px; }
#navigation ul li.active ul li.active a,
#navigation ul li.active ul li a:hover { background: url(../images/bg_navigation_ul_ul_act_a.gif) 0 6px no-repeat; color: #0c6db7; }

#address { background: #98a7b0; color: #fff; margin: 0 15px 0 16px; padding: 10px 0 14px 20px; font-size: 11px; line-height: 14px; }
#address p { margin: 0; }
#address a { color: #fff; }
#address a:hover { color: #e3e7eb; }
#link_home { position: absolute; top: -29px; right: -35px; font-size: 11px; color: #9c9c9c; text-decoration: none; text-transform: uppercase;}

/* content
------------------------------------------------------------------*/
.blocks { margin: 0 0 15px 0; }
.blocks ul { margin: 0 0 14px 16px; list-style-type: disc; }
.blocks ol { margin: 0 0 14px 24px; list-style-type: decimal; }
.blocks .bestand { text-decoration: none; }
.blocks .bestand img { margin-right: 5px; background: none; }
.blocks .bestand span { text-decoration: underline; }
.blocks .big { margin: 10px 0; }
.blocks img.img_left { margin: 0 20px 10px 0; } 
.blocks img.img_right { margin: 0 0 10px 20px;} 
img.img_center { background: none; margin: 0 0 20px 0px; } 


#banner { position: relative; width: 744px; height: 145px; overflow: hidden; }
#banner img.sfeer { position: absolute; display: block; top: 0; }
#banner img.img01 { left: 0; }
#banner img.img02 { left: 186px; }
#banner img.img03 { left: 372px; }
#banner img.img04 { left: 558px; }
.corner { position: absolute; width: 4px; height: 4px; }
#bannerCornerLeft { top: 0; left: 0; }
#bannerCornerRight { top: 0; right: 0; }

.withHotTopic { background: url(/images/bg_withHotTopic.gif) repeat-y; }
#mainContent { margin: 10px 0 0 0; padding: 7px 15px 17px 15px; }
.withHotTopic #mainContent { float: left; }
.withHotTopic #mainContent,
.withHotTopic .CatNav,
.withHotTopic .CatNav ul { width: 528px; padding-right: 0; }
#hotTopic { float: right; width: 162px; margin: 0; padding: 22px 10px 10px 14px; clear: both;}
#hotTopic img { margin: 5px 0 10px 0; }
#hotTopicLink { display: block; margin: 0 0 20px 0; }
#hotTopic h2 { border: none; margin: 0 0 5px 0; padding: 0; }

.categorie { float: left; /*width: 350px;*/ width: 165px; /*height: 200px;*/ margin: 0 0 10px 0; }
.categorie h2 { /*float: left; width: 163px;*/ width: auto; height: 39px; margin: 0 0 10px 0; padding: 0 0 0 12px; border: none; }
.categorie h2 a { text-decoration: none; }
.categorie h2 span { display: block; width: auto; height: 33px; margin: 0 0 10px 0;  padding: 4px 12px 0 0; color: #fff; font-size: 16px; font-weight: bold; white-space: nowrap; }
.categorieLeft { margin-right: 14px; }
.categorie ul { margin: 0 0 0 175px; list-style-type: none; }
.categorie ul a { padding: 0 0 0 10px; background: url(../images/bg_a_stroke.gif) 0 8px no-repeat; text-decoration: none; }
.categorie ul a:hover { background: url(../images/bg_a_stroke_ho.gif) 0 8px no-repeat; color: #0c6db7; }

#jobCatBlocks { padding: 0 0 0 0; background: none; }
.jobsCategorie { width: 700px; overflow: hidden; margin: 0 0 15px 0; }
.jobsCategorie div.sfeer_jobs { float: left; width: 300px; } 
.jobsCategorieLeft { margin-right: 10px; }
.jobsCategorie ul { margin: 0 0 0 0; list-style-type: none; }
.jobsCategorie ul li { margin: 0 0 5px 0; }
.jobsCategorie ul a { padding: 0 0 0 0; /*background: url(../images/bg_a_stroke.gif) 0 8px no-repeat*/; text-decoration: none; font-weight: bold; }
.jobsCategorie ul a:hover { /*background: url(../images/bg_a_stroke_ho.gif) 0 8px no-repeat*/; color: #e16521; }
.jobsCategorie .img_left {margin: 0 10px 10px 0; }


.lijst_jobs { width: 380px; float: right; margin: 0 0 0 0;  }
.lijst_jobs li { padding: 0; clear: left; }
.lijst_jobs li a {  background: url(../images/bgHP_titLoc.gif) top left no-repeat; cursor: pointer; display: block; height: 33px; color:#fff; padding: 0 0 12px 10px; float: left; } 
.lijst_jobs li a span { background: url(../images/bgHP_titJobs_span.gif) top right no-repeat; color:#fff; display: block; min-width: 200px; height: 33px; margin: 0;  padding: 6px 12px 0 0; font-size: 14px; font-weight: bold; cursor: pointer; white-space: nowrap; float: left; }



.CatNav { position: relative; width: 714px; margin: 0; padding: 0 0 40px 0; list-style-type: none; z-index: 99; }
.withHotTopic .CatNav { width: 528px; }
.CatNav li { /*border: red 1px solid;*/ float: left; width: auto; height: 39px; margin: 0 10px 0 0; padding: 0; }
.CatNav li a { float: left; width: auto; height: 39px; margin: 0; padding: 0 0 0 12px; background: url(/images/bg_CatNav_a.gif) no-repeat; text-decoration: none; }
#jobsCatNav li a {  background: url(/images/bg_jobsCatNav_a.gif) no-repeat; }
.CatNav li a span { display: block; width: auto; height: 33px; margin: 0;  padding: 6px 12px 0 0; color: #4f585b; font-size: 14px; font-weight: bold; cursor: pointer; white-space: nowrap; }
.CatNav li.active a,
.CatNav li a:hover { padding: 0 0 0 12px; background: url(../images/bgHP_titVis.gif) top left no-repeat; }
.CatNav li.active a span,
.CatNav li a:hover span { background: url(../images/bgHP_titVis_span.gif) top right no-repeat; color: #fff; }
/*#recipeCatNav li a { background: url(../images/bgHP_titRecipeCatNav.gif) top left no-repeat; }
#recipeCatNav li a span { background: url(../images/bgHP_titRecipeCatNav_span.gif) top right no-repeat; }
#recipeCatNav li.active a { background: url(../images/bgHP_titVis.gif) top left no-repeat; }
#recipeCatNav li.active a span { background: url(../images/bgHP_titVis_span.gif) top right no-repeat; }
#jobsCatNav li a { background: url(../images/bgHP_titRecipeCatNav.gif) top left no-repeat; }
#jobsCatNav li a span { background: url(../images/bgHP_titRecipeCatNav_span.gif) top right no-repeat; }*/
#jobsCatNav li.active a,
#jobsCatNav li a:hover { background: url(../images/bgHP_titJobs.gif) top left no-repeat; }
#jobsCatNav li.active a span,
#jobsCatNav li a:hover span { background: url(../images/bgHP_titJobs_span.gif) top right no-repeat; }


.CatNav ul { display: none; position: absolute; top: 50px; left: 0; width: 714px; margin: 0; }
.CatNav li.active ul { display: block; z-index: 100; }
.CatNav li.active ul li { width: auto; height: 24px; margin: 0; }
.CatNav li.active ul li a { display: block; width: auto; height: auto; padding: 0 12px; border-left: #82a066 1px solid; color: #82a066; font-size: 13px; }
#recipeCatNav li.active ul li a,
#jobsCatNav li.active ul li a { background: none; }
.CatNav li.active ul li.first a,
.CatNav li.active ul li.first a:hover,
#jobsCatNav li.active ul li.first a,
#jobsCatNav li.active ul li.first a:hover { padding-left: 0; border-left: none; }
.CatNav li.active ul li.active a { color: #6ba433; font-weight: bold; }
.CatNav li.active ul li a:hover { padding: 0 12px; color: #6ba433; }
#jobsCatNav li.active ul li a { border-left: #ce7b4f 1px solid; color: #ce7b4f; }
#jobsCatNav li.active ul li.active a { color: #db621f; font-weight: bold; }
#jobsCatNav li.active ul li a:hover { padding: 0 12px; color: #db621f; }

.overview { margin: 0 0; padding: 0; }
/*#recipeOverview,
#faqOverview { background: url(../images/bg_recipeOverview.gif) repeat-y; }*/		
/*#jobsOverview { background: url(../images/bg_jobsOverview.gif) repeat-y; }*/
#recipeOverview { margin: 20px 0 0 0; }
.overviewList { float: right; margin: 0; width: 335px;  }
#recipeList { width: 330px; }
.withHotTopic #recipeList { width: 320px; }
#faqOverview #accordeon h2,
#faqOverview #accordeon h3 { color: #424242; font-size: 13px; font-weight: bold; }
.overviewList li { background: url(../images/bg_recipeList.gif) bottom left repeat-x; padding: 0; margin:0 0 15px 0; display: block; float: left; clear: both; width: 320px;}
.overviewList li a { display: block; padding: 0 0 5px 0; color: #4f585b; text-decoration: none; }
.overviewList li a:hover { color: #0c6db7; }
/*.hotspot { position: relative; float: right; width: 140px; padding: 0 22px 30px 22px; }
#faqOverview .hotspot { padding-bottom: 0; }
.hotspot h3 { font-size: 20px; line-height: 22px; font-weight: bold; }
.hotspot h4 { margin: 0 0 10px 0; font-size: 16px; line-height: 20px; font-weight: bold; }
.hotspot img { margin: 10px 0; }
.hotspot .quote { font-style: italic; }
#recipeLink { display: block; margin: 0 0 10px 0; }
.hotspotButton { position: absolute; bottom: 0; left: 22px; display: block; width: 140px; height: 25px; padding: 4px 0 0 0; color: #fff; font-weight: bold; text-align: center; text-decoration: none; }
#addRecipeBlock { padding-top: 10px; border-top: #fff 2px solid; }*/
#addRecipe,
#hotTopic_applyToJob { display: block; width: 160px; height: 25px; padding: 6px 0 0 0; color: #fff; font-weight: bold; text-align: center; text-decoration: none; }
#addRecipe { background: url(../images/btn_addRecipe.png) no-repeat; }
#hotTopic_applyToJob { background: url(../images/btn_applyToJob.png) no-repeat; }

#newslist { margin: 0; }
#joblist { margin: 20px 0 0 0; }
#joblist li, #newslist li { background: url(../images/bg_recipeList.gif) bottom left repeat-x; display: block;  margin: 0 0 15px 0; }
#joblist li a, #newslist li a { display: block; padding: 6px 0 6px 15px; background: url(../images/bg_jobList_a.png) 0 8px no-repeat; text-decoration: none; }
#joblist li a:hover, #newslist li a:hover { background: url(../images/bg_jobList_a_ho.png) 0 8px no-repeat; color: #e16521; }

#actions { margin: 0 0 0 0; padding: 0 0 0 0; position: relative;/* background: url(../images/bg_recipeList.gif) bottom left repeat-x; */}
#backToJobs { float: right; width: auto; display: block; padding: 6px 0 5px 15px; background: url(../images/bg_backToJobs.png) 0 9px no-repeat; text-decoration: none; position: absolute; top: -30px; right: 0; }
a.download { text-decoration: none }
a.download img { margin: 0 5px 0 0; background: none; padding: 0;}

#jobDetail { padding : 0 0 0 0; }
#jobDetail h3 { color: #e16521; margin: 10px 0 0 0; }
#jobDetail ul { margin: 0; list-style-type: none; }
#jobDetail ul li { padding: 0 0 0 10px; background: url(../images/bg_a_stroke.gif) 0 8px no-repeat; }
#applyToJob { clear: both; float: left; display: block; width: auto; height: 29px; margin: 20px 0 0 0; padding: 0 0 0 10px; background: url(../images/btn_solliciteer.gif) no-repeat; color: #fff; font-size: 13px; font-weight: bold; text-align: center; text-decoration: none; }
#applyToJob span { display: block; width: auto; height: 23px; margin: 0; padding: 6px 10px 0 0; background: url(../images/btn_solliciteer_span.gif) top right no-repeat; cursor: pointer; }

/*#accordion { }*/
#accordion h2.faqItemTitle { clear: left; margin: 0; background: url(../images/bg_recipeList.gif) bottom left repeat-x; border: none; }
#accordion h2 { margin: 0; font-size: 13px; border: none; }
/*#accordion h2 a { display: block; padding: 4px 0 4px 15px; background: url(../images/bg_jobList_a.png) 0 6px no-repeat; color: #4f585b; font-size: 13px; font-weight: normal; text-decoration: none; }*/
/*#accordion h2 a:hover { background: url(../images/bg_jobList_a_ho.png) 0 6px no-repeat; color: #0c6db7; }*/
/*#accordion h3 { margin: 0 0 10px 0; color: #e16521; font-size: 13px; font-weight: normal; text-transform: uppercase; }*/
.profile { }
.profile li { margin: 0 0  5px 0; }
.offer { }
/*#accordion ul { margin: 0; list-style-type: none; }
#accordion ul li { padding: 0 0 0 10px; background: url(../images/bg_a_stroke.gif) 0 8px no-repeat; }*/

/* jquery accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-state-active { background: #fff !important; }
.ui-accordion .ui-accordion-header a { /*display: block; font-size: 1em; padding: .5em .5em .5em 2.2em;*/display: block; padding: 4px 0 4px 15px; background: url(../images/bg_jobList_a.png) 0 6px no-repeat; color: #4f585b; font-size: 13px; font-weight: normal; text-decoration: none; }
.ui-accordion .ui-accordion-header a:hover { background: url(../images/bg_faqList_a_ho.png) 0 6px no-repeat; color: #0c6db7; }
.ui-accordion .ui-state-active a { background: url(../images/bg_jobList_act_a.png) 0 6px no-repeat; color: #0c6db7; }
.ui-accordion .ui-state-active a:hover { background: url(../images/bg_jobList_act_a.png) 0 6px no-repeat; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 15px; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; background: #fff url(../images/bg_recipeList.gif) bottom left repeat-x; }

#lightwindow h1 { font-size: 23px; line-height: 27px; font-weight: normal; }
#lightwindow h2 { color: #4f585b; font-size: 16px; font-weight: normal; border: none; }
.ingredients { float: left; width: 285px; margin-right: 10px; font-size: 14px; line-height: 17px; color:#747471;}
.ingredients ul { list-style-type: disc; }
.ingredients h2, .preparation h2 { border: none; }
.preparation { float: right; width: 419px; font-size: 14px; line-height: 17px; color:#747471; }

.lightboxTop { overflow: hidden; height: 30px; margin: 0 0 15px 0; background: url(../images/bg_recipeList.gif) bottom left repeat-x; }
.prev, 
.next { float: left; width: auto; }
.prev a,
.next a { color: #0c6db7; font-size: 12px; text-decoration: none;  }
.pages { float: left; width: auto; margin: 0 10px; }
.pages li { float: left; }
.pages li a { display: block; padding: 0 5px; color: #4f585b; font-size: 12px; }
.pages li.active a { color: #4f585b; font-weight: bold; text-decoration: none; }
.pages li a:hover { color: #4f585b; }
.closeRecipe { float: right; width: 15px; }

.print { float: right; width: auto; padding: 0 0 0 25px; background: url(../images/icon_print.png) no-repeat; color: #0c6db7; font-size: 11px; }

.plan { margin: 20px 0; }

.sollicitatieForm, .receptForm { margin: 0; padding: 10px; background: #f1f1ec; }
.sollicitatieForm fieldset, .receptForm fieldset { padding: 10px 0; }
.sollicitatieForm legend, .receptForm legend { font-size: 16px; font-weight: bold; color:#4f585b; }
.sollicitatieForm p, .receptForm p { font-size: 14px; line-height: 17px; }
.sollicitatieForm div, .receptForm div { margin: 0 0 6px; }
#regios { padding: 10px 0 0 0;Π}
#functiecategorie  { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: #616565 1px dashed; }
.sollicitatieForm label, .receptForm label { float: left; width: 160px; color: #616565; }
.sollicitatieForm label.regio,
.sollicitatieForm #geslacht label,
.sollicitatieForm #werkervaring label{ width: auto; margin-right: 20px; }
.sollicitatieForm input.regio,
.sollicitatieForm #geslacht input,
.sollicitatieForm #werkervaring input { width: auto; margin-right: 5px; }
.sollicitatieForm input, .receptForm input { float: left; width: 200px; }
.sollicitatieForm #geslacht,
.sollicitatieForm #werkervaring{ float: left; width: 200px; }
.sollicitatieForm #short { float: left; width: 160px; }
.sollicitatieForm #short label { width: auto; }
.sollicitatieForm #zip { width: 54px; margin-right: 10px; }
.sollicitatieForm #city { width: 130px; }
.sollicitatieForm textarea, .receptForm textarea { width: 500px; }
#btn_submit { float: left; width: auto; height: 29px; margin: 10px 0 0 160px; padding: 0 0 0 10px; background: url(../images/btn_submit.gif) no-repeat; border: none; color: #fff; font-size: 13px; font-weight: bold; text-align: center; }
#btnEnd { float: left; width: 10px; height: 29px; margin: 10px 0 0 0; background: url(../images/btn_submitEnd.gif) no-repeat; }
small { clear: left; display: block; margin: 0 0 0 160px; padding: 5px 0 0 0; font-size: 11px; }
div.catRecept label.hapje, label.voorgerecht, label.hoofdgerecht { float: left; width: 100px; color: #616565;}
div.catRecept input { width: 15px; margin: 2px 4px 0 0;  }

#ervaring { width: 100%; margin: 15px 0; }
#ervaring input { width: 120px; }
#ervaring th { font-size: 12px; font-weight: normal; }
#ervaring th,
#ervaring td { padding: 4px 4px 0 0; }

#logos { margin: 5px 0 0 0; }
#logos a img { margin-left: 3px; }
#logos #firstLogo img { margin-left: 0; }

#searchresults { margin: 0 0 0 40px; list-style-type: disc; }
#searchresults li { margin: 0 0 5px 0; }
#searchresults li span { color: #828282; }

/* vestigingen
-------------- */
#kaart { position: relative; width: 714px; height: 355px; background: url(../images/bg_kaart.gif) no-repeat; }
.vInfoWrap { position: absolute; width: 207px; }
.vInfo { width: 207px; padding: 16px 16px 6px 16px; background: url(../images/bg_vInfo.png) no-repeat; }
.vInfoBottom { overflow: hidden; width: 207px; height: 30px; background: url(../images/bg_vInfoBottom.png) no-repeat; }
#vBrugge { top: 0; left: 0; }
#vOostende { top: 200px; left: 0; }
#vLonderzeel { top: 0; left: 500px; }
#vNamen { top: 200px; left: 500px; }
.vInfo h3 { margin: 0 0 10px 0; color: #f06e28; font-size: 20px; font-weight: normal; line-height: 24px; }
.vInfo h3 span { color:#4f585b; }
.vInfo p { margin: 0; color: #4f585b; font-size: 14px; line-height: 17px; }
.btnRoute { display: block; width: 150px; height: 24px; margin: 10px 0 0 0; padding: 5px 0 0 0; background: url(../images/btn_routebeschrijving.png) no-repeat; color: #fff; text-align: center; text-decoration: none; cursor: pointer; }
.btnRoute:hover {  background: url(../images/btn_routebeschrijving-over.png) no-repeat; color: #fff; }

.vestigingsAddress { float: left; overflow: hidden; width: 350px; height: 170px; margin: 0 0 20px 0; color: #4f585b; }
.vestigingsAddress h2 { color: #424242; font-size: 18px; line-height: 22px; font-weight: bold; border: none; }
.vestigingsAddress .vEmail { color: #0c6db7; }
.vestigingsAddress .vEmail:hover { color: #175e7c; }
#aBrugge,
#aLonderzeel { margin-right: 14px; }
#aLonderzeel,
#aNamen { margin-bottom: 0; }

/* footer
------------------------------------------------------------------*/
#footer p { float: left; width: 400px; padding-top: 30px; }
#footer a { color: #4f585b; }
#footer a:hover { color: #000; }
#disclaimerLink { padding: 0 10px; }
#sendToFriendLink { padding: 0 0 0 10px; }
#duo { float: right; width: auto; padding-top: 30px; }

#footerPrint { display: none; }

/* homepage
------------------------------------------------------------------*/
#homepage #wrapper,
#homepage #sidebar,
#homepage #logoPieters  { background:transparent url(../images/bg_logo_pieters_home.gif) no-repeat; }
#homepage #footer { background: none; }

#homepage #content { padding: 0 4px 0 0; }

/*#homepage #logoPieters { background: url(../images/bgHP_logo_pieters.gif) no-repeat; }*/
#homepage #intro { padding: 18px 34px; background: #0c6db7; color: #fff; font-size: 14px; line-height: 19px; }
#homepage h1 { margin: 0 0 10px 0; color: #fff; font-size: 32px; line-height: 36px; }
#homepage #introText { margin: 0; }
#homepage #introText a { color: #fff; }
#homepage #introText a:hover { color: #acdaff;}
#homepage #more { padding-right: 15px; background: url(../images/bgHP_more.gif) 100% 50% no-repeat; color: #fff; }
#homepage #more:hover { color: #fff; text-decoration: none; }

#homepage .indekijker { margin: 0; color: #565a5b; font-size: 13px; line-height: 17px; }
#homepage .indekijker a { display: block; text-decoration: none; cursor: pointer; }
#homepage .indekijker a#indekijkerContent:hover { background: #faf9f3; }
#homepage .indekijker span { display: block; }
.titleLink { float: left; width: auto; height: 39px; margin: 0 0 10px 0; padding: 0 0 0 12px; }
.titleLink span { display: block; width: auto; height: 33px; margin: 0 0 10px 0;  padding: 6px 52px 0 0; color: #fff; font-size: 16px; font-weight: bold; cursor: pointer; white-space: nowrap; }
#homepage .nieuws { background: url(../images/bgHP_titNieuws.gif) top left no-repeat; }
#homepage .nieuws span { background: url(../images/bgHP_titNieuws_span.gif) top right no-repeat; }
.vis { background: url(../images/bgHP_titVis.gif) top left no-repeat; }
.vis span { background: url(../images/bgHP_titVis_span.gif) top right no-repeat; }
.jobs { background: url(../images/bgHP_titJobs.gif) top left no-repeat; }
.jobs span { background: url(../images/bgHP_titJobs_span.gif) top right no-repeat; }
.bedrijf { background: url(../images/bgHP_titBedrijf.gif) top left no-repeat; }
.bedrijf span { background: url(../images/bgHP_titBedrijf_span.gif) top right no-repeat; }
#homepage .title { margin: 0 0 15px 0; color: #565a5b; font-size: 18px; line-height: 22px; }
#homepage .title span { font-size: 13px; line-height: 17px; }
#homepage a:hover .title { color: #0c6db7; }
#homepage .indekijker img { margin-bottom: 10px; }
#homepage .indekijker .img_right { clear: both; margin-left: 20px; }
#homepage .textBlock { margin-bottom: 15px; }
#homepage a .textBlock { color: #565a5b; }
#homepage a:hover .textBlock { color:# 000; text-decoration: underline; }
#homepage .wrap div.threeitems_text { float: right; width: 270px; }
#homepage .wrap div.threeitems_img {float: left; width: 180px; }
#homepage .wrap div.fouritems_text { float: right; width: 157px; }
#homepage .wrap div.fouritems_img {float: left; width: 157px; }

.items { margin: 20px 0 0 0; background: url(../images/bg_twoItems.gif) 372px 0 repeat-y; }
#oneItem.items { background: none; }
#homepage #oneItem .title,
#twoItems .right .title { clear: left; }
#twoItems .indekijker { float: left; width: 300px; }
#twoItems .left { padding-right: 72px; }
#twoItems .right { padding-left: 72px; }
#twoItems img { margin-bottom: 10px; }
#threeItems.items { background-position: 265px 0; }
#threeItems .indekijker { float: left; }
#fourItems .indekijker { /*border: red 1px solid;*/ float: left; overflow: hidden; height: 225px; margin: 0 0 14px 0; }
#fourItems .indekijker a { /*border: green 1px solid;*/ overflow: hidden; height: 215px; padding: 0 0 10px 0; }
#fourItems .indekijker img { margin-bottom: 5px; }
#threeItems .left { width: 237px; padding-right: 28px; }
#threeItems .right { width: 451px; padding-left: 28px; }
#fourItems .left { width: 340px; padding-right: 28px; }
#fourItems .right { width: 340px; padding-left: 28px; }
#homepage .wrap { clear: both; }
#threeItems .right .img_left { clear: left; }
/*#threeItems .right .title { margin-top: 35px; }*/
#threeItems .second { margin-top: 20px; }

#fourItems .img_left, #threeItems .img_left, #four .img_left { margin: 0;}

/* CMS Preview
------------------------------------------------------------------*/
#CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; }
#CMSpreviewBar a { color: #fff; }