html {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}html, body {margin: 0px;padding: 0px;height: 100%;font-family: VarelaRoundRegular, "Century Gothic", Verdana;line-height: normal;font-size: 14px;background-color: #575757;color: #222222;}.noborder {border: 0 none!important;}#linkpartners {margin-top: 20px;margin-right: 30px;}#midden img {max-width: 100%;height: auto;}#linkpartners a:link, #linkpartners a:visited {display: block;text-decoration: none;color: #606060;font-family: Arial, Helvetica, sans-serif;font-size: 14px;margin-bottom: 5px;max-width: 500px;padding: 10px 15px;border: 1px solid #999;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background-color: #FFF;transition: all 0.25s linear 0s;}#linkpartners a:hover, #linkpartners a:active {color: #000000;background-color: #e8e8e8;-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.75);box-shadow:         1px 1px 2px 0px rgba(50, 50, 50, 0.75);transition: all 0.25s linear 0s;}#next {position: absolute;right: 16px;bottom: -22px;font-size: 13px;color: #ccc;}#next a:link, #next a:visited {text-decoration: none;color: #ccc;transition: all 0.25s linear 0s;}#next a:hover, #next a:active {color: #222;transition: all 0.25s linear 0s;}h1 {font-size: 23px;}img {border: 0 none;}a {outline: none;}a:link, a:visited {color: #222;}a:hover, a:active {text-decoration: none;}#mainwrapper {min-height: 100%;position: relative;}#main {}#menu {height: 50px;margin-top: 60px;position: relative;}/* start menu */#menu ul {list-style-type: none;padding: 0px;margin: 0px;position: absolute;top: 5px;z-index: 10;}#menu ul li {position: relative;margin-left: 25px;float: left;height: 43px;-webkit-border-top-left-radius: 15px;-webkit-border-top-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-topright: 15px;border-top-left-radius: 15px;border-top-right-radius: 15px;border-top-width: 2px;border-right-width: 2px;border-left-width: 2px;border-top-style: solid;border-right-style: solid;border-left-style: solid;border-top-color: #222222;border-right-color: #222222;border-left-color: #222222;}#menu ul li#welkom a:link, #menu ul li#welkom a:visited {background-color: #c7db00;}#menu ul li#winkels a:link, #menu ul li#winkels a:visited {background-color: #00c3e3;}#menu ul li#plattegrond a:link, #menu ul li#plattegrond a:visited {background-color: #eadb1c;}#menu ul li#info a:link, #menu ul li#info a:visited {background-color: #ff9f00;}#menu ul li a:link, #menu ul li a:visited {display: block;height: 30px;padding-top: 8px;text-decoration: none;width: 250px;border-top-width: 5px;border-right-width: 5px;border-left-width: 5px;border-top-style: solid;border-right-style: solid;border-left-style: solid;border-top-color: #FFF;border-right-color: #FFF;border-left-color: #FFF;-webkit-border-top-left-radius: 15px;-webkit-border-top-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-topright: 15px;border-top-left-radius: 15px;border-top-right-radius: 15px;text-align: center;color: #FFF;font-size: 24px;font-family: VarelaRoundRegular, arial;font-weight: bold;}#menu ul li a.menuactive:link, #menu ul li a.menuactive:visited {height: 37px;}#menu ul li a:hover, #menu ul li a:active {}#menutablet {margin-top: 20px;height: 113px;display: none;}#menutablet ul {list-style-type: none;padding: 0px;margin: 0px;}#menutablet ul li {position: relative;margin-left: 0px;margin-right: 5px;float: left;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;border: 2px solid #222222;}#menutablet ul li a:link, #menutablet ul li a:visited {display: block;height: 55px;padding-top: 28px;text-decoration: none;width: 168px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;text-align: center;color: #FFF;font-size: 22px;font-family: VarelaRoundRegular, arial;font-weight: bold;border: 5px solid #FFF;}#menutablet ul li#welkom a:link, #menutablet ul li#welkom a:visited {background-color: #c7db00;}#menutablet ul li#winkels a:link, #menutablet ul li#winkels a:visited {background-color: #00c3e3;}#menutablet ul li#plattegrond a:link, #menutablet ul li#plattegrond a:visited {background-color: #eadb1c;}#menutablet ul li#info a:link, #menutablet ul li#info a:visited {background-color: #ff9f00;}#kolom2 {margin-right: 10px;}#kolom2 img {width: auto;max-height: 140px;}#kolom2 img.infopic {max-height: 500px;}#links {padding-left: 20px;}#links ul li {margin-left: 10px;margin-bottom: 8px;}#links .submenu ul {margin: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 15px;}#links  .submenu ul li {margin-left: 0px;margin-bottom: 8px;}#links  .submenu ul li a:link, #links .submenu ul li a:visited {color: #222222;text-decoration: none;font-weight: bold;font-size: 15px;}#links .submenu ul li a:hover, #links .submenu ul li a:active {color: #FFF;}/* eind menu */#middenouter {border: 2px solid #222222;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;-webkit-box-shadow: 0px 10px 30px rgba(255, 255, 255, 0.5);-moz-box-shadow:    0px 10px 30px rgba(255, 255, 255, 0.5);box-shadow:         0px 10px 30px rgba(255, 255, 255, 0.5);margin-bottom: 40px;position: relative;}#midden {min-height: 550px;border: 5px solid #FFF;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;padding-top: 50px;position: relative;background: #fff;}.welkom #midden {background-color: #c7db00;background-image: url(https://www.winkelcentrumdemaat.nl/images/gratisparkeren.png);background-repeat: no-repeat;background-position: right top;}.winkels #midden {background-color: #00c3e3;}.link-partners #midden {background-color: #c7db00;}.plattegrond #midden {background-color: #eadb1c;}.info #midden {background-color: #ff9f00;}#welkomfoto {padding-left: 10px;padding-top: 75px;}#welkomfoto2 {display: none;}.kolom {margin-right: 20px;margin-left: 10px;}.kolom img {border: 1px solid #ffffff;}#kolom2 table {width: 100%;}.legenda {margin-left: 30px;font-size: 12px;}.legenda table {float: left;margin-left: 20px;display: block;}.legenda  img {max-height: 25px;width: auto;}.legenda td {height: 35px;vertical-align:middle;}.legenda td {width: 70%;}.legenda td:first-child {width: 30%;}td {width: 50%;}.kolom td {width: auto;}.maat {height: 95px;width: 263px;background-image: url(https://www.winkelcentrumdemaat.nl/images/maat.png);position: absolute;bottom: 23px;right: 25px;z-index: 10;}#bottom {margin-left: 10px;height: 34px;width: 1135px;position: absolute;bottom: 10px;left: 0px;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;font-size: 20px;padding-top: 14px;padding-left: 15px;}.welkom #bottom, .link-partners #bottom {background-color: #eaf29f;}.winkels #bottom {background-color: #99e7f4;}.plattegrond #bottom {background-color: #f7f1a4;}.info #bottom {background-color: #ffd999;}#plattegrondinhoud {margin-right: 30px;margin-left: 20px;}#plattegrondafbeelding {width: 1124px;height: 680px;position: relative;}#plattegrondafbeelding .klein {display: none;}#plattegrondafbeelding .mobiel {display: none;}/* plattegrondlogos*/a.lieftink:link, a.lieftink:visited {position: absolute;height: 12px;width: 30px;left: 450px;top: 345px;background-image: url(https://www.winkelcentrumdemaat.nl/images/lieftinklogo.jpg);background-size: 100% auto;}a.bk:link, a.bk:visited {position: absolute;height: 28px;width: 30px;left: 477px;top: 338px;background-image: url(https://www.winkelcentrumdemaat.nl/images/bk.png);}a.slijterij:link, a.slijterij:visited {position: absolute;height: 50px;width: 50px;left: 477px;top: 154px;background-image: url(https://www.winkelcentrumdemaat.nl/images/plslijterij.png);}a.midas:link, a.midas:visited {position: absolute;height: 20px;width: 66px;left: 545px;top: 265px;background-image: url(https://www.winkelcentrumdemaat.nl/images/plmidas.png);}a.silvy:link, a.silvy:visited {position: absolute;height: 29px;width: 56px;left: 475px;top: 207px;background-image: url(https://www.winkelcentrumdemaat.nl/images/plsilvy.png);}a.readshop:link, a.readshop:visited {position: absolute;height: 21px;width: 75px;left: 361px;top: 274px;background-image: url(https://www.winkelcentrumdemaat.nl/images/alles-huma.png);background-size: 100% auto;}a.alex:link, a.alex:visited {position: absolute;height: 15px;width: 50px;left: 390px;top: 345px;background-image: url(https://www.winkelcentrumdemaat.nl/images/lapizza.png);background-size: 100% auto;}a.sera:link, a.sera:visited {position: absolute;width: 50px;height: 20px;left: 390px;top: 345px;background-image: url(https://www.winkelcentrumdemaat.nl/images/sera-boutique.jpg);background-size: 100% auto;}a.ekkie:link, a.ekkie:visited {position: absolute;width: 30px;height: 35px;left: 390px;top: 345px;background-image: url(https://www.winkelcentrumdemaat.nl/images/schaar.png);background-size: 100% auto;}a.fietsenmaker:link, a.fietsenmaker:visited {position: absolute;height: 35px;width: 40px;left: 489px;top: 253px;background-image: url(https://www.winkelcentrumdemaat.nl/images/alpha-sports.png);background-size: 100% auto;}a.wal:link, a.wal:visited {position: absolute;height:27px;width: 100px;/*left: 533px;top: 254px;*/left: 614px;top: 347px;background-image: url(https://www.winkelcentrumdemaat.nl/images/maatje-2.jpg);background-size: 100% auto;}a.artifleur:link, a.artifleur:visited {position: absolute;height:33px;width: 35px;left: 601px;top: 254px;background-image: url(https://www.winkelcentrumdemaat.nl/images/plartifleur.png);}a.cafetaria:link, a.cafetaria:visited {position: absolute;height:45px;width: 28px;left: 640px;top: 242px;background-image: url(https://www.winkelcentrumdemaat.nl/images/plmaat.png);}a.mont:link, a.mont:visited {position: absolute;height:28px;width: 34px;left: 678px;top: 257px;background-image: url(https://www.winkelcentrumdemaat.nl/images/plmont.png);}a.dio:link, a.dio:visited {position: absolute;height:35px;width: 35px;left: 635px;top: 347px;background-image: url(https://www.winkelcentrumdemaat.nl/images/dg.jpg);background-size: 35px auto;}a.deka:link, a.deka:visited {position: absolute;height: 75px;width: 75px;left: 724px;top: 292px;background-image: url(https://www.winkelcentrumdemaat.nl/images/pldeka.png);}a.vissnoep:link, a.vissnoep:visited {position: absolute;height: 35px;width: 35px;left: 342px;top: 344px;background-image: url(https://www.winkelcentrumdemaat.nl/images/plvissnoep.png);}/* eind plattegrondlogos */.clear {height: 115px;}.clear2 {height: 40px;}#footer {position: absolute;height: 225px;bottom: 0px;}/* #Media Queries================================================== *//* small desktop screens 2e*/@media only screen and (min-width: 960px) and (max-width: 1199px) {#menu ul li {margin-left: 16px;}#menu ul li a:link, #menu ul li a:visited {width: 200px;}#welkomfoto {padding-top: 15px;}#midden {min-height: 390px;}#bottom {width: 895px;}#plattegrondafbeelding {width: 885px;height: 528px;}a.readshop:link, a.readshop:visited {height: 19px;width: 55px;left: 278px;top: 207px;background-image: url(https://www.winkelcentrumdemaat.nl/images/plreadshop2.png);}a.midas:link, a.midas:visited {height: 15px;width: 50px;left: 436px;top: 210px;background-image: url(https://www.winkelcentrumdemaat.nl/images/plmidas2.png);}a.silvy:link, a.silvy:visited {left: 376px;top: 156px;}a.mont:link, a.mont:visited {left: 537px;top: 196px;}a.cafetaria:link, a.cafetaria:visited {left: 510px;top: 180px;}a.sera:link, a.sera:visited {left: 304px;top: 271px;}a.alex:link, a.alex:visited {height: 25px;left: 304px;top: 271px;}a.lieftink:link, a.lieftink:visited {left: 350px;top: 270px;}a.bk:link, a.bk:visited {left: 373px;top: 266px;}a.slijterij:link, a.slijterij:visited {top: 119px;left: 373px;}a.fietsenmaker:link, a.fietsenmaker:visited {width: 40px;height: 35px;top: 191px;left: 373px;}a.wal:link, a.wal:visited {/*left: 436px;top: 191px;*/left: 493px;top: 273px;}a.artifleur:link, a.artifleur:visited {left: 474px;top: 191px;}a.dio:link, a.dio:visited {left: 493px;top: 273px;}a.deka:link, a.deka:visited {top: 217px;left: 571px;}a.vissnoep:link, a.vissnoep:visited {left: 260px;top: 268px;}}/* Smaller than standard 960 (devices and browsers) deze niet*/@media only screen and (max-width: 959px) {#menu {display: none;}#menutablet {display: block;}}/* Tablet Portrait size to standard 960 (devices and browsers) 3e*/@media only screen and (min-width: 768px) and (max-width: 959px) {.legenda {margin-top: 45px;}#midden {min-height: 465px;}#bottom {width: 702px;font-size: 14px;height: 30px;padding-top: 18px;}#plattegrondafbeelding {width: 700px;}#plattegrondafbeelding .groot {display:none;}#plattegrondafbeelding .klein {display: block;}a.readshop:link, a.readshop:visited {left: 77px;top: 278px;}a.silvy:link, a.silvy:visited {left: 212px;top: 207px;}a.midas:link, a.midas:visited {left: 290px;top: 280px;}a.mont:link, a.mont:visited {left: 431px;top: 273px;}a.cafetaria:link, a.cafetaria:visited {left: 389px;top: 256px;}a.sera:link, a.sera:visited {left: 109px;top: 368px;}a.ekkie:link, a.ekkie:visited {left: 109px;top: 368px;}a.lieftink:link, a.lieftink:visited {left: 180px;top: 360px;}a.bk:link, a.bk:visited {left: 211px;top: 356px;}a.slijterij:link, a.slijterij:visited {left: 210px;top: 154px;}a.fietsenmaker:link, a.fietsenmaker:visited {top: 268px;left: 215px;}a.wal:link, a.wal:visited {/*left: 310px;top: 269px;*/left: 384px;top: 365px;}a.artifleur:link, a.artifleur:visited {left: 350px;top: 269px;}a.dio:link, a.dio:visited {left: 384px;top: 365px;}a.deka:link, a.deka:visited {top: 318px;left: 481px;}a.vissnoep:link, a.vissnoep:visited {left: 57px;top: 365px;}td {font-size: 13px;}}/* All Mobile Sizes (devices and browser) 4e schalen op kleinste*/@media only screen and (max-width: 767px) {.legenda {margin-top: -50px;}#menutablet {height: auto;margin-top: 15px;}#menutablet ul li {margin-left: 0px;margin-bottom: 3px;}#menutablet ul li a:link, #menutablet ul li a:visited {border: 3px solid #ffffff;font-size: 19px;padding-top: 4px;height: 21px;width: 292px;}#middenouter {margin-bottom: 50px;}#midden {border: 3px solid #ffffff;padding-top: 10px;min-height: 0px;}#plattegrondinhoud {margin-left: 8px;margin-right: 13px;}#plattegrondafbeelding {width: 280px;height: 275px;}#plattegrondafbeelding a {background-color: #ffffff;}#plattegrondafbeelding .groot {display:none;}#plattegrondafbeelding .mobiel {display: block;}a.readshop:link, a.readshop:visited {left: 0px;top: 86px;}a.cafetaria:link, a.cafetaria:visited {left: 193px;top: 62px;}a.midas:link, a.midas:visited {height: 15px;width: 50px;left: 106px;top: 138px;background-image: url(https://www.winkelcentrumdemaat.nl/images/plmidas2.png);}a.mont:link, a.mont:visited {left: 218px;top: 78px;}a.sera:link, a.sera:visited {left: 16px;top: 137px;}a.alex:link, a.alex:visited {left: 16px;top: 137px;}a.lieftink:link, a.lieftink:visited {left: 55px;top: 145px;}a.bk:link, a.bk:visited {left: 75px;top: 139px;}a.slijterij:link, a.slijterij:visited {left: 81px;top:16px;}a.silvy:link, a.silvy:visited {background-image: url(https://www.winkelcentrumdemaat.nl/images/plsilvy2.png);width: 44px;height: 23px;top: 52px;left: 85px;}a.fietsenmaker:link, a.fietsenmaker:visited {top: 79px;left: 85px;}a.wal:link, a.wal:visited {/*left: 99px;top: 71px;*/left: 156px;top: 144px;}a.artifleur:link, a.artifleur:visited {left: 163px;top: 71px;}a.dio:link, a.dio:visited {left: 156px;top: 144px;}a.deka:link, a.deka:visited {background-image: url(https://www.winkelcentrumdemaat.nl/images/pldeka2.png);width: 40px;height: 40px;top: 121px;left: 236px;}a.vissnoep:link, a.vissnoep:visited {left: 186px;top: 167px;}.maat {bottom: 70px;right: 15px;}#bottom {bottom: 5px;font-size: 15px;width: 275px;padding-left: 8px;margin-left: 5px;padding-top: 8px;height: 40px;}.welkom #midden {background-image: url(https://www.winkelcentrumdemaat.nl/images/gratisparkeren2.png);}.clear {height: 170px;}#welkomfoto {display: none;}#welkomfoto2 {display: block;padding-left: 10px;padding-right: 15px;}.welkom h1 {width: 200px;}.kolom {text-align:left;}#kolom2 {margin-left: 10px;margin-right: 20px;margin-top: 15px;}#links .submenu {padding-left: 10px;text-align:center;}#links .submenu ul {list-style-type: none;padding-left: 0px;margin-bottom: 15px;}#links .submenu ul li {margin-right: 20px;margin-bottom: 5px;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #FFF;}#links .submenu ul li a:link, #links .submenu ul li a:visited {display: block;text-align:center;font-size: 14px;}#next {bottom: -43px;}}/* Mobile Landscape Size to Tablet Portrait (devices and browsers) 5e*/@media only screen and (min-width: 480px) and (max-width: 767px) {.legenda {margin-top: 10px;margin-left: 134px;}#menutablet ul li {margin-right: 5px;}#menutablet ul li a:link, #menutablet ul li a:visited {width: 225px;}.kolom {text-align:left;}.welkom h1 {width: 365px;}#welkomfoto2 {margin-left: auto;margin-right:auto;width: 240px;}#bottom {width: 456px;height: 24px;}.maat {bottom: 46px;}#kolom2 {text-align:left;}#links {text-align:left;}#plattegrondafbeelding .mobiel {display: none;}#plattegrondafbeelding .klein {display: block;}#plattegrondafbeelding {width: 457px;height: 345px;}a.readshop:link, a.readshop:visited {left: 39px;top: 183px;}a.cafetaria:link, a.cafetaria:visited {left: 255px;top: 154px;}a.midas:link, a.midas:visited {left: 180px;top: 182px;}a.sera:link, a.sera:visited {left: 63px;top: 229px;}a.ekkie:link, a.ekkie:visited {left: 63px;top: 229px;}a.mont:link, a.mont:visited {left: 282px;top: 168px;}a.silvy:link, a.silvy:visited {left: 140px;top: 136px;}a.lieftink:link, a.lieftink:visited {left: 104px;top: 240px;}a.bk:link, a.bk:visited {left: 134px;top: 234px;}a.slijterij:link, a.slijterij:visited {top: 100px;left: 135px;}a.fietsenmaker:link, a.fietsenmaker:visited {top: 169px;left: 135px;}a.wal:link, a.wal:visited {/*left: 184px;top: 164px;*/left: 239px;top: 236px;}a.artifleur:link, a.artifleur:visited {left: 218px;top: 164px;}a.dio:link, a.dio:visited {left: 239px;top: 236px;}a.deka:link, a.deka:visited {top: 214px;left: 314px;}a.vissnoep:link, a.vissnoep:visited {left: 29px;top: 233px;}}/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) deze niet */@media only screen and (max-width: 479px) {}/* #Font-Face================================================== *//* 	This is the proper syntax for an @font-face fileJust create a "fonts" folder at the root,copy your FontName into code below and removecomment brackets *//*	@font-face {font-family: 'FontName';src: url('https://www.winkelcentrumdemaat.nl/fonts/FontName.eot');src: url('https://www.winkelcentrumdemaat.nl/fonts/FontName.eot?iefix') format('eot'),url('https://www.winkelcentrumdemaat.nl/fonts/FontName.woff') format('woff'),url('https://www.winkelcentrumdemaat.nl/fonts/FontName.ttf') format('truetype'),url('https://www.winkelcentrumdemaat.nl/fonts/FontName.svg#webfontZam02nTh') format('svg');font-weight: normal;font-style: normal; }*/
/* Stylesheet: styles Modified On 2026-07-17 08:37:35 */