/* 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;
}
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; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* general
------------------------------------------------------------------*/
body { font: 12px/1.5em "Helvetica Neue", Arial, sans-serif; color: #fff; }
h1 { display: none; text-transform: uppercase; font-weight: bold; }
h2 { font-weight: bold; text-transform: uppercase; }
ul, ol { margin: 0 0 14px 16px; }
p, form { margin: 0 0 14px 0; }
a { color: #fff; }
a:hover { color: #58595b; }
input, textarea, select { font-size: 11px; font-family: Arial, sans-serif; color: #4F535C; }
strong { font-weight: bold; }
em { font-style: italic; }
	
.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 { position: relative; z-index: 1; overflow: hidden; width: 943px; height: 600px; margin: 0 auto; }
#header { position: relative; width: 898px; height: 162px; padding: 15px 0 0 45px; background: url(/images/bg_header.gif) no-repeat right bottom; }
#pagePics { float: left; width: 309px; }
#navigation { float: left; width: 458px; height: 25px; }
#content { float: left; width: 431px; height: 288px; margin-bottom: 19px; padding: 20px 0 0 27px; background: #f18f00 url(/images/bg_content.gif) no-repeat left bottom; color: #fff; }
#sidebar { position: absolute; top: 177px; right: 0; }
#footer {	position: relative; clear: both; padding: 0 0 0 80px; }

/* intro
------------------------------------------------------------------*/
#intro #wrapper { width: 943px; height: auto; }
#intro #header { height: 140px; background: none; }
#intro #movieBlock { position: relative; width: 500px; height: 400px; margin: 0 auto; cursor: pointer; }
#intro #wrapper #movieBlock div { position: absolute; top: 0; left: 0; z-index: 10; }
#intro #movietext { width: 500px; height: 400px; z-index: 15; }
#intro #wrapper #introMovie { width: 500px; height: 400px; }
#intro p { margin: 0; text-align: center; }
#intro a { color: #58595b; }

/* header
------------------------------------------------------------------*/
#banner { position: absolute; bottom: 48px; right: 0; height:87px; width:440px; overflow:hidden; }
/*#banner div { position: absolute; z-index: 50; width: 5px; height: 5px; }*/
#banner .bannerInhoud { text-align: right; display:block; right:0; position:absolute; bottom:0; width:440px; height:87px; background-color:#ffffff; } /* swapping banner */

/* navigation
------------------------------------------------------------------*/
#navigation ul { width: 100%; height: 25px; margin: 0; background: url(/images/bg_nav.gif) no-repeat; }
#navigation li { float: left; }
#navigation li a { display: block; height: 25px; text-indent: -9999em; }
#navigation li#navBpark a { width: 72px; }
#navigation li#navBpark a:hover,
#navigation li#navBpark a.active { background: url(/images/bg_nav.gif) no-repeat 0 -25px; }
#navigation li#navWinkels a { width: 55px; }
#navigation li#navWinkels a:hover,
#navigation li#navWinkels a.active { background: url(/images/bg_nav.gif) no-repeat -72px -25px; }
#navigation li#navPraktisch a { width: 65px; }
#navigation li#navPraktisch a:hover,
#navigation li#navPraktisch a.active { background: url(/images/bg_nav.gif) no-repeat -127px -25px; }
#navigation li#navBereik a { width: 48px; }
#navigation li#navBereik a:hover,
#navigation li#navBereik a.active { background: url(/images/bg_nav.gif) no-repeat -192px -25px; }
#navigation li#navLigging a { width: 51px; }
#navigation li#navLigging a:hover,
#navigation li#navLigging a.active { background: url(/images/bg_nav.gif) no-repeat -240px -25px; }
#navigation li#navParking a { width: 56px; }
#navigation li#navParking a:hover,
#navigation li#navParking a.active { background :url(/images/bg_nav.gif) no-repeat -291px -25px; }
#navigation li#navJobs a { width: 36px; }
#navigation li#navJobs a:hover,
#navigation li#navJobs a.active { background: url(/images/bg_nav.gif) no-repeat -347px -25px; }
#navigation li#navContact a { width: 75px; }
#navigation li#navContact a:hover,
#navigation li#navContact a.active { background: url(/images/bg_nav.gif) no-repeat -383px -25px; }

/* content
------------------------------------------------------------------*/
#block { height: 235px; }
.scroll-pane { overflow: auto; width: 430px; }

#content ul,
.text ul { list-style: disc; }
#content .shopList { float: left; width: 210px; margin: 0 40px 10px 0; list-style: none; }
#content .last { width: 150px; margin-right: 0; }
.shopList a { text-decoration: none; text-transform: uppercase; }
h1#shopName,
h1#jobDetail { display: block; }
h1#jobDetail { margin-bottom: 18px; }
#shopInfo { float: left; width: 250px; padding-top: 15px; }
#logoPlan { float: right; width: 130px; }
#logoPlan img { margin-bottom: 10px; }
#plan,
#sollicitatieLink,
#submitCV { display: block; width: 100px; height: 22px; border: 0; background: url(/images/bt_grondplan.gif) no-repeat; line-height: 22px; text-align: center; text-transform: uppercase; text-decoration: none; cursor: pointer; }
#algGrondplan { clear: both; display: block; width: 150px; height: 22px; margin: 20px 0 0 250px; background: url(/images/bt_algGrondplan.gif) no-repeat; line-height: 22px; text-align: center; text-transform: uppercase; text-decoration: none; cursor: pointer; }
#backToShops,
#routeLink,
#routeLink a,
#planLink,
#jobsLink { color: #58595b; }
a#backToShops:hover,
#routeLink a:hover,
a#planLink:hover,
a#jobsLink:hover { color: #fff; }
#routeLink span { font-size: 10px; }
#content #praktisch { width: 300px; margin: 0; list-style: none; }
#praktisch li { float: left; width: 80px; height: 78px; margin: 0 10px 10px 0; text-align: center; }
#praktisch li img { display: block; margin: 0 auto; }
#bereikList { margin: 0 0 20px 0; }
#bereikList li a { text-decoration: none; text-transform: uppercase; font-weight: bold; }
.bereikBlock .text { float: left; width: 290px; padding-right: 20px; }
.jobColumn { float: left; width: 130px; }
.jobColumn ul,
#zondagen { margin: 0 0 18px; }
.jobColumn li a,
#zondagen li a { text-decoration: none; }
#zondagen { float: left; width: 100px; }
#zondagen .active a { font-weight: bold; }
#zondagInfo { float: left; width: 260px; }
#zondagInfo ul { list-style: disc; }

/* ligging */
#fullWidth #navigation { display: inline; margin-left: 82px; padding-left: 227px; background: url(/images/bg_fullwidth_nav.gif) repeat-x; }
#fullWidth #content { position: relative; display: inline; height: 308px; margin-left: 82px; padding-top: 0; width: 658px; background: #f18f00 url(/images/bg_fullwidth.gif) no-repeat right bottom; }
#fullWidth #content.flashPlan { width: 685px; padding-left: 0; }
#liggingsplan { margin: 10px 0 0 50px;}
#planLink { position: absolute; bottom: 30px; left: 320px; }
#handelszaken { margin: 5px 0 0 5px; }

/* forms */
fieldset { margin-bottom: 15px; }
label { float: left; width: 150px; }
.checkbox label { float: none; }

/* footer
------------------------------------------------------------------*/
#footer,
#footer a { color: #a1a2a4; font-size: 11px; }
#logos { margin-bottom: 10px; }
#logos a { float: left; }
#deLijn { position: absolute; right: 0; top: -50px; }

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