body { margin:0 0 0 0; font-size:62.5%; font-family:Arial, Helvetica, sans-serif; } h2 { font-size:1.8em; color:#000; } h1 { font-size: 4em; margin-left: 21px;} #wrapper { width: 995px; margin-left: auto; margin-right: auto; text-align: left; } #menu { width: 953px; height: 26px; float:left; margin: 16px 0 14px 21px;} ul#menu { width:953px; height:26px; float:left; margin:0; padding:0; list-style-type: none; overflow:hidden; } ul#menu li { height:26px; float:left; list-style-type: none; overflow:hidden; } ul#menu li a { height:26px; display:block; background-position:0 0; background-repeat: no-repeat; text-indent: -3000px; overflow:hidden; } ul#menu li#menu01 a, ul#menu li#menu01 { background-image:url('../images/layout/menu/home.png'); width:137px;} ul#menu li#menu02 a, ul#menu li#menu02 { background-image:url('../images/layout/menu/boulevard.png'); width:134px; } ul#menu li#menu03 a, ul#menu li#menu03 { background-image:url('../images/layout/menu/activiteiten.png'); width:134px; } ul#menu li#menu04 a, ul#menu li#menu04 { background-image:url('../images/layout/menu/openingstijden.png'); width:134px;} ul#menu li#menu05 a, ul#menu li#menu05 { background-image:url('../images/layout/menu/plattegrond.png'); width:134px;} ul#menu li#menu06 a, ul#menu li#menu06 { background-image:url('../images/layout/menu/contact.png'); width:135px;} ul#menu li a:hover, ul#menu li.selected a { background-position:0 -26px; } #flashHeader { width: 953px; height: 314px; float:left; margin: 0 0 0 21px; text-align:center;} #headerSmall { width: 953px; height: 157px; float:left; margin: 0 0 0 21px; text-align:center;} #tickerTape { width: 953px; height: 42px; float:left; margin: 14px 0 16px 21px;} /*contentblokken home */ #ContentBlock1 { width: 318px; height: 153px; float:left; margin: 0 0 0 21px; background-image:url(../images/layout/contenblok1_bg.gif); background-repeat:no-repeat; text-align:center; } #ContentBlock1 h2 { font-size:1.8em; color:#000; margin:10px 0 6px 0; font-family:Verdana, Geneva, sans-serif; } #ContentBlock1 p { font-size:1.1em; color:#9a9a9a; margin: 0 6px 3px 6px;} #ContentBlock2 { width: 317px; height: 153px; float:left; background-image:url(../images/layout/contenblok2_bg.gif); background-repeat:no-repeat; text-align:center; } #ContentBlock2 h2 { font-size:1.8em; color:#000; margin:10px 0 6px 0; font-family:Verdana, Geneva, sans-serif; } #ContentBlock2 p { font-size:1.1em; color:#9a9a9a; margin: 0 6px 3px 6px;} #ContentBlock3 { width: 318px; height: 153px; float:left; background-image:url(../images/layout/contenblok3_bg.gif); background-repeat:no-repeat; text-align:center; } #ContentBlock3 h2 { font-size:1.8em; color:#000; margin:10px 0 6px 0; font-family:Verdana, Geneva, sans-serif; } #ContentBlock3 p { font-size:1.1em; color:#9a9a9a; margin: 0 6px 3px 6px;} #ContentBlock3Koopzondag { width: 103px; height: 90px; float:left; margin-left: 110px; background-image:url(../images/layout/koopzondag_bg.jpg); background-repeat:no-repeat; text-align:center; } .koopzondagTekst { font-size: 2.7em; color:#FFF; font-weight: bold; } /*contentblokken boulevard */ #ContentBlockBoulevard1 { width: 311px; height: 257px; float:left; margin: 0 0 0 21px; background-image:url(../images/layout/contenblokboulevard1_bg.gif); background-repeat:no-repeat; } #ContentBlockBoulevard1 h2 { font-size:1.8em; color:#000; margin:10px 0 12px 32px; font-family:Verdana, Geneva, sans-serif; } #ContentBlockBoulevard1 p { font-size:1.1em; color:#9a9a9a; margin: 0 6px 20px 32px; } #ContentBlockBoulevard1 .kolom { width: 170px; margin: 0; float:left; } #ContentBlockBoulevard1 .kolom ul { list-style:none; margin-left:32px; } #ContentBlockBoulevard1 .kolom a { font-size:1.2em; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color:#004b96; line-height:1.3em; } #ContentBlockBoulevard1 .kolom a:link { text-decoration: none; } #ContentBlockBoulevard1 .kolom a:visited { text-decoration: none; } #ContentBlockBoulevard1 .kolom a:hover { text-decoration: underline; } #ContentBlockBoulevard1 .kolom2 { width: 130px; margin: 0px; float:left; } #ContentBlockBoulevard1 .kolom2 ul { list-style:none; } #ContentBlockBoulevard1 .kolom2 a { font-size:1.2em; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color:#004b96; line-height:1.3em; } #ContentBlockBoulevard1 .kolom2 a:link { text-decoration: none; } #ContentBlockBoulevard1 .kolom2 a:visited { text-decoration: none; } #ContentBlockBoulevard1 .kolom2 a:hover { text-decoration: underline; } #ContentBlockBoulevard2 .kolom { width: 170px; margin: 0px; float:left; } #ContentBlockBoulevard2 .kolom ul { list-style:none; margin-left:32px; } #ContentBlockBoulevard2 .kolom a { font-size:1.2em; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color:#004b96; line-height:1.3em; } #ContentBlockBoulevard2 .kolom a:link { text-decoration: none; } #ContentBlockBoulevard2 .kolom a:visited { text-decoration: none; } #ContentBlockBoulevard2 .kolom a:hover { text-decoration: underline; } #ContentBlockBoulevard2 .kolom2 { width: 130px; margin: 0px; float:left; } #ContentBlockBoulevard2 .kolom2 ul { list-style:none; } #ContentBlockBoulevard2 .kolom2 a { font-size:1.2em; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color:#004b96; line-height:1.3em; } #ContentBlockBoulevard2 .kolom2 a:link { text-decoration: none; } #ContentBlockBoulevard2 .kolom2 a:visited { text-decoration: none; } #ContentBlockBoulevard2 .kolom2 a:hover { text-decoration: underline; } #ContentBlockBoulevard2 { width: 326px; height: 257px; float:left; background-image:url(../images/layout/contenblokboulevard2_bg.gif); background-repeat:no-repeat; } #ContentBlockBoulevard2 h2 { font-size:1.8em; color:#000; margin:10px 0 12px 32px; font-family:Verdana, Geneva, sans-serif; } #ContentBlockBoulevard2 p { font-size:1.1em; color:#9a9a9a; margin: 0 6px 20px 32px;; } #ContentBlockBoulevard3 { width: 314px; height: 257px; float:left; background-image:url(../images/layout/contenblokboulevard3_bg.gif); background-repeat:no-repeat; } #ContentBlockBoulevard3 h2 { font-size:1.8em; color:#000; margin:10px 0 12px 32px; font-family:Verdana, Geneva, sans-serif; } #ContentBlockBoulevard3 p { font-size:1.1em; color:#9a9a9a; margin: 0 6px 20px 32px; } #ContentBlockBoulevard3 img { font-size:1.1em; color:#9a9a9a; margin: 10px 0 10px 37px; } #ContentBlockBoulevard3Overview { width: 130px; height:16px; padding: 0 0 0 180px; } #ContentBlockBoulevard3 img#arrow { margin: 0 0 0 0; border: none;} #ContentBlockBoulevard3 a { font-size:1.1em; font-family: Arial, Helvetica, sans-serif; color:#009ee0; } #ContentBlockBoulevard3 a:link { text-decoration: none; } #ContentBlockBoulevard3 a:visited { text-decoration: none; } #ContentBlockBoulevard3 a:hover { text-decoration: underline; } /*contentblok koopzondagen */ #ContentBlockKoopzondagen { width: 326px; height: 257px; float:left; background-image:url(../images/layout/contenblokboulevard2_bg.gif); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; } #ContentBlockKoopzondagen h2 { font-size:1.8em; color:#000; margin:10px 0 12px 32px; font-family:Verdana, Geneva, sans-serif; } #ContentBlockKoopzondagen .kolom { width: 170px; margin: 0px; float:left; font-size:1.1em; color:#9a9a9a; font-weight: bold; line-height:1.5em;} #ContentBlockKoopzondagen .kolom ul { list-style:none; margin-left:32px; } #ContentBlockKoopzondagen .kolom2 { width: 130px; margin: 0px; float:left; font-size:1.1em; color:#9a9a9a; line-height:1.5em; } #ContentBlockKoopzondagen .kolom2 ul { list-style:none; } #ContentBlockKoopzondagenRechts { width: 314px; height: 257px; float:left; background-image:url(../images/layout/contenblokboulevard3_bg.gif); background-repeat:no-repeat; } #ContentBlockKoopzondagenRechts h2 { font-size:1.8em; color:#000; margin:10px 0 12px 32px; font-family:Verdana, Geneva, sans-serif; } #ContentBlockKoopzondagenRechts .kolom { width: 170px; margin: 0px; float:left; font-size:1.1em; color:#9a9a9a; font-weight: bold; line-height:1.5em;} #ContentBlockKoopzondagenRechts .kolom ul { list-style:none; margin-left:32px; } #ContentBlockKoopzondagenRechts .kolom2 { width: 130px; margin: 0px; float:left; font-size:1.1em; color:#9a9a9a; line-height:1.5em; } #ContentBlockKoopzondagenRechts .kolom2 ul { list-style:none; } /*contentblok activiteiten */ #ContentBlockActiviteiten { width: 311px; height: 257px; margin: 0 0 0 21px; float:left; background-image:url(../images/layout/contenblokboulevard1_bg.gif); background-repeat:no-repeat; } #ContentBlockActiviteiten h2 { font-size:1.8em; color:#000; margin:10px 0 12px 32px; font-family:Verdana, Geneva, sans-serif; } #ContentBlockActiviteiten p { font-size:1.1em; color:#9a9a9a;} #ContentBlockActiviteiten .blok { width: 275px; height: 86px; margin: 0 0 20px 32px; overflow:hidden; } #ContentBlockActiviteiten .afbeelding { width: 99px; float:left; } #ContentBlockActiviteiten .text { width: 160px; float:left; margin: 0 5px 0 10px; } /*openingstijden*/ #ContentBlockOpeningstijden { width: 311px; height: 257px; margin: 0 0 0 21px; float:left; background-image:url(../images/layout/contenblokboulevard1_bg.gif); background-repeat:no-repeat; } #ContentBlockOpeningstijden h2 { font-size:1.8em; color:#000; margin:10px 0 12px 32px; font-family:Verdana, Geneva, sans-serif; } #ContentBlockOpeningstijden p { font-size:1.1em; color:#9a9a9a;} #ContentBlockOpeningstijden .kolom { width: 170px; margin: 0px; float:left; font-size:1.1em; color:#9a9a9a; font-weight: bold; line-height:1.5em;} #ContentBlockOpeningstijden .kolom ul { list-style:none; margin-left:32px; } #ContentBlockOpeningstijden .kolom2 { width: 130px; margin: 0px; float:left; font-size:1.1em; color:#9a9a9a; line-height:1.5em; } #ContentBlockOpeningstijden .kolom2 ul { list-style:none; } /*contact*/ #ContentBlockContact { width: 311px; height: 257px; margin: 0 0 0 21px; float:left; background-image:url(../images/layout/contenblokboulevard1_bg.gif); background-repeat:no-repeat; } #ContentBlockContact h2 { font-size:1.8em; color:#000; margin:10px 0 12px 32px; font-family:Verdana, Geneva, sans-serif; } #ContentBlockContact p { font-size:1.1em; color:#9a9a9a; margin:10px 0 12px 32px;} /*route*/ #ContentBlockRoute { width: 310px; height: 257px; float:left; background-image:url(../images/layout/contenblokboulevard3_bg.gif); background-repeat:no-repeat; } #ContentBlockRoute h2 { font-size:1.8em; color:#000; margin:10px 0 12px 15px; font-family:Verdana, Geneva, sans-serif; } #ContentBlockRoute p { font-size:1.1em; color:#9a9a9a; margin: 0 6px 20px 10px; } #ContentBlockRoute img#map { font-size:1.1em; color:#9a9a9a; margin: 0 6px 9px 15px; } #ContentBlockRouteVeld { width: 295px; height:25px; margin: 0 0 0 15px; } #ContentBlockRouteVeld #adres { width:185px; height:17px; border: solid 1px #85b1de; margin: 0 10px 0 0; padding: 0 0 0 4px; font-size:1.3em; color:#9a9a9a; display:block; float: left;} #ContentBlockRouteVeld img#route { padding: 0 0 0 0; float: left;} /*contentblokken boulevard producten */ #ContentBlockBoulevardProducten1 { width: 298px; height: 257px; float:left; margin: 0 0 0 21px; background-image:url(../images/layout/contenblokboulevardproducten1_bg.gif); background-repeat:no-repeat; overflow: hidden} #ContentBlockBoulevardProducten1 h1 { font-size:3.2em; color:#000; margin:10px 0 10px 16px; font-family:Verdana, Geneva, sans-serif; } #ContentBlockBoulevardProducten1 p { font-size:1.1em; color:#9a9a9a; margin: 0 6px 20px 16px; } #ContentBlockBoulevardProducten2 { width: 340px; height: 257px; float:left; background-color:#fafafa; text-align:center; } #ContentBlockBoulevardProducten2 img { margin: 19px 0 0 0; } /*indeling boulevard producten */ #winkels { width: 645px; margin: 15px 0 0 21px; float: left; } #winkelInfo { width: 308px; margin: 15px 0 0 0; float: left; overflow:hidden; } #openingstijden { width: 308px; height: 262px; margin: 15px 0 0 0; float: left; background-image:url(../images/layout/openingstijdenbg.jpg); background-repeat:no-repeat; overflow:hidden; Text-align: center; } #openingstijden .contentvak { width: 255px; margin: 10px 0 0 24px; } #openingstijden p { color:#FFF; text-align:left; font-size:1.16em; } #openingstijden td { color:#FFF; line-height:1.3em; font-size:1.16em; } #openingstijden .contentvak h3 { font-family: Verdana, Geneva, sans-serif; font-size:1.5em; color:#FFF; font-weight:bold; margin: 0 0 10px 0; } #openingstijden .contentvak img { margin: 15px 0 15px 0; } /*plattegrond*/ #plattegrondgroot { margin-left: 21px;} #plattegrondwrapper { position: relative; clear: both; /*background-image:url(../images/layout/map_bg.gif);*/ background-position:center; background-repeat: repeat-y;} .plattegrondhover { position: absolute; top: -7px; right: 18px; display: none; width: 475px; height: 114px; background-color:#FFF; background-image:url(../images/layout/plattegrond_bg.png); background-repeat:no-repeat; z-index:3; clear:both;} #plattegrondhoverLogo { width: 190px; height: 114px; text-align: center; float:left; } #plattegrondhoverTekst { width: 240px; height: 85px; margin: 15px 15px 0 15px; color: #9a9a9a; overflow:hidden; line-height: 1.2em; float:left; font-size:1.1em; } #shop { width:640px; height:152px; float: left; background-image:url(../images/layout/shopbg.gif); background-repeat:no-repeat; background-position:top left;} #shopLogo { width:320px; height:152px; float: left; text-align:center; line-height:152px; text-align: center; color: #FFF; padding:20px 0 0 0; } #shopLogo img { vertical-align: middle; display:inline;} #shopInfo { width:320px; height:103px; float: left; overflow:hidden; } #shopInfo h2 { font-size:1.8em; color:#000; margin:10px 0 6px 0; font-family:Verdana, Geneva, sans-serif; } #shopInfo p { font-size:1.1em; color:#9a9a9a; margin: 0 6px 3px 1px; } #shopInfoButton { width:320px; height:44px; float: left;} #shopInfoButton img { border:none;} /* modal */ #modalDivHeader { width: 575px; height:25px; margin: 10px 0 20px 20px; float:left; background-image:url(../images/layout/modal_header.png); background-repeat:no-repeat; } #modalDivHeaderAlgemeen { width: 300px; height:25px; float: left; font-size: 1.2em; color:#FFF; margin: 5px 0 0 10px;} #modalDivHeaderAlgemeen a:link { text-decoration: none; color:#FFF; } #modalDivHeaderAlgemeen a:Visited { text-decoration: none; color:#FFF; } #modalDivHeaderAlgemeen a:hover { text-decoration: underline; color:#FFF; } #modalDivHeaderNext { width: 200px; height:25px; float: right; font-size: 1.2em; color:#FFF; margin: 5px 10px 0 0; text-align: right; } #modalDivHeaderNext a:link { text-decoration: none; color:#FFF; } #modalDivHeaderNext a:Visited { text-decoration: none; color:#FFF; } #modalDivHeaderNext a:hover { text-decoration: underline; color:#FFF; } #modalDivImg { width: 375px; height:335px; margin: 0 20px 0 20px; float:left; } #modalDivImg2 { padding: 30px 0 0 30px; float:left; } #modalDivText { width: 178px; height:235px; float:left; } #modalDivText p { color: #9a9a9a; font-size: 1.1em; font-weight: none; line-height: 1.4em; } #modalDivText h3 { color: #004b96; font-size: 1.7em; font-weight: bold; margin:0; } #modalDivText2 { width: 550px; height:235px; float:left; margin-left:30px; } #modalDivText2 a { color: #004b95; text-decoration:underline; } #modalDivText2 a:hover { color: #004b95; text-decoration:none; } #modalDivText2 p { color: #9a9a9a; font-size: 1.1em; font-weight: none; line-height: 1.4em; } #modalDivText2 h3 { color: #004b96; font-size: 1.7em; font-weight: bold; } #modalDivLogo { width: 178px; height:100px; float:left; } #modalDivLogo img { position: absolute; bottom: 30px;} #privacy { width: 951px; height: 257px; margin: 0 0 0 21px; float:left; background-image:url(../images/layout/privacy.gif); background-repeat:no-repeat; } #privacy h2 { font-size:1.8em; color:#000; margin:10px 0 12px 32px; font-family:Verdana, Geneva, sans-serif; } #privacy p { font-size:1.1em; color:#9a9a9a; margin:10px 0 12px 32px;} /* footer */ #footer { width: 953px; height: 26px; float:left; margin: 19px 0 0 21px; font-size:1.1em; color:#9a9a9a; background-image:url(../images/layout/footer_bg.gif); background-repeat:no-repeat; } #footer p { margin: 5px 0 0 20px; } #footer a { color: #9a9a9a; margin: 0 5px 0 5px; } #footer a#rechts { margin: 0 5px 0 444px; } #footer a#gratis { color: #004b96; margin: 0 5px 0 5px;} #footer a:link { text-decoration: none; } #footer a:visited { text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer a:active { text-decoration: none; } #footer .rechts { float: right; } #locatiemaps { width: 281px; height: 170px; overflow: hidden; font-size:1.1em; border:1px solid #dfdfdd; margin: 0 6px 9px 15px;} #mapsadres { display: none;} /*sitemap*/ #sitemap { color: #004b95; margin-left: 30px; line-height:1.4em; font-size:1.1em; list-style-image:url("/images/blueball.gif"); list-style-type:square; } #sitemap a { color: #004b95; text-decoration: none; } #sitemap a:hover { color: #004b95; text-decoration: underline; } p.openingstijdentext { margin: 0 32px 0 32px; clear: both; padding-top: 2.8em; font-size:0.9em !important; }