/* ### general ### */ * { margin: 0px; padding: 0px; } html, body { height: 100%; font-family: Verdana; font-size: 11px; color: #919090; } input, select, textarea { font-family: Verdana; font-size: 11px; color: #919090; } body { background: url('/templates/doorway_images/bodyBg.png') #2d2c2c repeat-x; } img { border: 0px; display: block; } a, input { outline: none; } /* ### global classes ### */ .clear { clear: both; height: 1px; } /* ### wrapper ### */ #wrapper { position: relative; display: block; width: 100%; min-height: 100%; } /* ### main container ### */ #mainCntr { margin: 0 auto; width: 952px; } /* ### header container ### */ #headerCntr { position: relative; width: 952px; height: 258px; } #headerCntr h1 { position: absolute; top: 20px; left: 225px; width: 500px; height: 160px; text-indent: -9999px; background: url('/templates/doorway_images/logo.png') no-repeat;} #headerCntr div.slide { position: absolute; top: 198px; left: 0px; width: 952px; height: 58px; text-align: center; border-top: 1px solid #494949; border-bottom: 1px solid #494949; } #headerCntr h2 { height: 58px; line-height: 58px; font-size: 34px; text-transform: uppercase; font-weight: bold; color: #56b3df; } #headerCntr h2.busplaatsen { height: 58px; line-height: 58px; font-size: 28px; text-transform: uppercase; font-weight: bold; color: #56b3df; } /* ### content container ### */ #contentCntr { padding: 15px 0px 7px 0px; width: 952px; } /* ### left container ### */ #leftCntr { float: left; width: 226px; } /* ### agenda box ### */ .agendaBox { width: 226px; } .agendaBox h3 { margin-bottom: 10px; width: 226px; height: 34px; text-indent: -9999px; background: url('/templates/doorway_images/agendaH3.gif') no-repeat; } .agendaBox ul { list-style: none; border-top: 1px solid #4d4c4c; } .agendaBox li { border-bottom: 1px solid #4d4c4c; } .agendaBox li a { padding-left: 20px; display: block; height: 23px; line-height: 23px; text-decoration: none; color: #fff; background: url('/templates/doorway_images/bullit.gif') no-repeat left; } .agendaBox li a:hover { color: #59bbe7; } /* ### center container ### */ #centerCntr { float: left; width: 496px; } /* ### kaart box ### */ .kaartBox { position: relative; width: 496px; height: 550px; background: url('/templates/doorway_images/kaartBg.png') no-repeat; } .kaartBox ul { list-style: none; } .kaartBox li a { position: absolute; display: block; text-indent: -9999px; background: no-repeat; } .kaartBox li.amersfoort a { top: 269px; left: 257px; width: 12px; height: 12px; background: #f29606 url('/templates/doorway_images/map_button_overlay.png') no-repeat; } .kaartBox li.amersfoort a:hover {width: 21px; height: 21px; background: #f29606 url('/templates/doorway_images/map_button_overlay_hover.png') no-repeat; } .kaartBox li.apeldoorn a { top: 254px; left: 339px; width: 12px; height: 12px; background: #502b6d url('/templates/doorway_images/map_button_overlay.png') no-repeat; } .kaartBox li.apeldoorn a:hover {width: 21px; height: 21px; background: #502b6d url('/templates/doorway_images/map_button_overlay_hover.png') no-repeat; } .kaartBox li.arnhem a { top: 296px; left: 312px; width: 12px; height: 12px; background: #99c01a url('/templates/doorway_images/map_button_overlay.png') no-repeat; } .kaartBox li.arnhem a:hover {width: 21px; height: 21px; background: #99c01a url('/templates/doorway_images/map_button_overlay_hover.png') no-repeat; } .kaartBox li.barneveld a { top: 269px; left: 277px; width: 12px; height: 12px; background: #707548 url('/templates/doorway_images/map_button_overlay.png') no-repeat; } .kaartBox li.barneveld a:hover {width: 21px; height: 21px; background: #707548 url('/templates/doorway_images/map_button_overlay_hover.png') no-repeat; } .kaartBox li.den-bosch a { top: 343px; left: 256px; width: 12px; height: 12px; background: #a3389f url('/templates/doorway_images/map_button_overlay.png') no-repeat; } .kaartBox li.den-bosch a:hover {width: 21px; height: 21px; background: #a3389f url('/templates/doorway_images/map_button_overlay_hover.png') no-repeat; } .kaartBox li.deventer a { top: 251px; left: 354px; width: 12px; height: 12px; background: #ff5100 url('/templates/doorway_images/map_button_overlay.png') no-repeat; } .kaartBox li.deventer a:hover {width: 21px; height: 21px; background: #ff5100 url('/templates/doorway_images/map_button_overlay_hover.png') no-repeat; } .kaartBox li.ede a { top: 286px; left: 280px; width: 12px; height: 12px; background: #eb286f url('/templates/doorway_images/map_button_overlay.png') no-repeat; } .kaartBox li.ede a:hover {width: 21px; height: 21px; background: #eb286f url('/templates/doorway_images/map_button_overlay_hover.png') no-repeat; } .kaartBox li.hengelo a { top: 245px; left: 426px; width: 12px; height: 12px; background: #044796 url('/templates/doorway_images/map_button_overlay.png') no-repeat; } .kaartBox li.hengelo a:hover {width: 21px; height: 21px; background: #044796 url('/templates/doorway_images/map_button_overlay_hover.png') no-repeat; } .kaartBox li.hilversum a { top: 247px; left: 233px; width: 12px; height: 12px; background: #80002b url('/templates/doorway_images/map_button_overlay.png') no-repeat; } .kaartBox li.hilversum a:hover {width: 21px; height: 21px; background: #80002b url('/templates/doorway_images/map_button_overlay_hover.png') no-repeat; } .kaartBox li.nijmegen a { top: 319px; left: 305px; width: 12px; height: 12px; background: #0c943e url('/templates/doorway_images/map_button_overlay.png') no-repeat; } .kaartBox li.nijmegen a:hover {width: 21px; height: 21px; background: #0c943e url('/templates/doorway_images/map_button_overlay_hover.png') no-repeat; } .kaartBox li.raalte a { top: 228px; left: 368px; width: 12px; height: 12px; background: #5c9491 url('/templates/doorway_images/map_button_overlay.png') no-repeat; } .kaartBox li.raalte a:hover {width: 21px; height: 21px; background: #5c9491 url('/templates/doorway_images/map_button_overlay_hover.png') no-repeat; } .kaartBox li.tilburg a { top: 363px; left: 218px; width: 12px; height: 12px; background: #b52400 url('/templates/doorway_images/map_button_overlay.png') no-repeat; } .kaartBox li.tilburg a:hover {width: 21px; height: 21px; background: #b52400 url('/templates/doorway_images/map_button_overlay_hover.png') no-repeat; } .kaartBox li.utrecht a { top: 280px; left: 214px; width: 12px; height: 12px; background: #6d9400 url('/templates/doorway_images/map_button_overlay.png') no-repeat; } .kaartBox li.utrecht a:hover {width: 21px; height: 21px; background: #6d9400 url('/templates/doorway_images/map_button_overlay_hover.png') no-repeat; } .kaartBox li.zwolle a { top: 195px; left: 323px; width: 12px; height: 12px; background: #705a18 url('/templates/doorway_images/map_button_overlay.png') no-repeat; } .kaartBox li.zwolle a:hover {width: 21px; height: 21px; background: #705a18 url('/templates/doorway_images/map_button_overlay_hover.png') no-repeat; } /* ### right container ### */ #rightCntr { float: right; width: 226px; } /* ### leden box ### */ .ledenBox { padding-bottom: 20px; width: 226px; } .ledenBox h3 { margin-bottom: 10px; width: 226px; height: 34px; text-indent: -9999px; background: url('/templates/doorway_images/ledenH3.gif') no-repeat; } .ledenBox ul { list-style: none; border-top: 1px solid #4d4c4c; } .ledenBox li { border-bottom: 1px solid #4d4c4c; padding-left: 20px; display: block; height: 23px; line-height: 23px; text-decoration: none; color: #fff;} .ledenBox li.man { background: url('/templates/images/mannetje.png') no-repeat left;} .ledenBox li.vrouw { background: url('/templates/images/vrouwtje.png') no-repeat left;} .ledenBox li a { text-decoration: none; color: #fff; } .ledenBox li a:hover { color: #59bbe7; } .ledenBox li.all a { text-decoration: underline; text-transform: uppercase; font-style: italic; color: #59bbe7; background-image: url('/templates/doorway_images/bullit.gif'); } .ledenBox li.all a:hover { text-decoration: none; } /* ### ad box ### */ .adBox { width: 226px; } /* ### plaats container dynamisch ### */ #plaatsCntr { width: 952px; padding-top: 20px;} #plaatsCntr ul { padding-top: 8px; overflow: hidden; width: 952px; list-style: none; } #plaatsCntr li { padding: 0px 8px 8px 0px; position: relative; float: left; display: inline; width: 111px; height: 23px; } #plaatsCntr li a { display: block; float: left; width: 111px; height: 23px; line-height: 23px; text-align: center; font-size: 13px; text-transform: uppercase; font-weight: bold; text-decoration: none; color: #fff; background: no-repeat left top; } #plaatsCntr li a:hover { background: #000 url('/templates/doorway_images/button_gradient_hover.png') no-repeat; z-index: 2; } #plaatsCntr li.button_amersfoort a { background: #f29606 url('/templates/doorway_images/button_gradient_bg.png') no-repeat; } #plaatsCntr li.button_amersfoort a:hover { background: #f29606 url('/templates/doorway_images/button_gradient_hover.png') no-repeat; } #plaatsCntr li.button_apeldoorn a { background: #502b6d url('/templates/doorway_images/button_gradient_bg.png') no-repeat; } #plaatsCntr li.button_apeldoorn a:hover { background: #502b6d url('/templates/doorway_images/button_gradient_hover.png') no-repeat; } #plaatsCntr li.button_arnhem a { background: #99c01a url('/templates/doorway_images/button_gradient_bg.png') no-repeat; } #plaatsCntr li.button_arnhem a:hover { background: #99c01a url('/templates/doorway_images/button_gradient_hover.png') no-repeat; } #plaatsCntr li.button_barneveld a { background: #707548 url('/templates/doorway_images/button_gradient_bg.png') no-repeat; } #plaatsCntr li.button_barneveld a:hover { background: #707548 url('/templates/doorway_images/button_gradient_hover.png') no-repeat; } #plaatsCntr li.button_den-bosch a { background: #a3389f url('/templates/doorway_images/button_gradient_bg.png') no-repeat; } #plaatsCntr li.button_den-bosch a:hover { background: #a3389f url('/templates/doorway_images/button_gradient_hover.png') no-repeat; } #plaatsCntr li.button_deventer a { background: #ff5100 url('/templates/doorway_images/button_gradient_bg.png') no-repeat; } #plaatsCntr li.button_deventer a:hover { background: #ff5100 url('/templates/doorway_images/button_gradient_hover.png') no-repeat; } #plaatsCntr li.button_ede a { background: #eb286f url('/templates/doorway_images/button_gradient_bg.png') no-repeat; } #plaatsCntr li.button_ede a:hover { background: #eb286f url('/templates/doorway_images/button_gradient_hover.png') no-repeat; } #plaatsCntr li.button_hengelo a { background: #044796 url('/templates/doorway_images/button_gradient_bg.png') no-repeat; } #plaatsCntr li.button_hengelo a:hover { background: #044796 url('/templates/doorway_images/button_gradient_hover.png') no-repeat; } #plaatsCntr li.button_hilversum a { background: #80002b url('/templates/doorway_images/button_gradient_bg.png') no-repeat; } #plaatsCntr li.button_hilversum a:hover { background: #80002b url('/templates/doorway_images/button_gradient_hover.png') no-repeat; } #plaatsCntr li.button_nijmegen a { background: #0c943e url('/templates/doorway_images/button_gradient_bg.png') no-repeat; } #plaatsCntr li.button_nijmegen a:hover { background: #0c943e url('/templates/doorway_images/button_gradient_hover.png') no-repeat; } #plaatsCntr li.button_raalte a { background: #5c9491 url('/templates/doorway_images/button_gradient_bg.png') no-repeat; } #plaatsCntr li.button_raalte a:hover { background: #5c9491 url('/templates/doorway_images/button_gradient_hover.png') no-repeat; } #plaatsCntr li.button_tilburg a { background: #b52400 url('/templates/doorway_images/button_gradient_bg.png') no-repeat; } #plaatsCntr li.button_tilburg a:hover { background: #b52400 url('/templates/doorway_images/button_gradient_hover.png') no-repeat; } #plaatsCntr li.button_utrecht a { background: #6d9400 url('/templates/doorway_images/button_gradient_bg.png') no-repeat; } #plaatsCntr li.button_utrecht a:hover { background: #6d9400 url('/templates/doorway_images/button_gradient_hover.png') no-repeat; } #plaatsCntr li.button_zwolle a { background: #705a18 url('/templates/doorway_images/button_gradient_bg.png') no-repeat; } #plaatsCntr li.button_zwolle a:hover { background: #705a18 url('/templates/doorway_images/button_gradient_hover.png') no-repeat; } /* ### footer container ### */ #footerCntr { padding: 15px 0px 15px 0px; overflow: hidden; width: 952px; border-top: 1px solid #494949; } #footerCntr p.left { float: left; } #footerCntr p.right { float: right; text-align: right; } #footerCntr a { font-style: italic; text-decoration: underline; color: #919090; } #footerCntr a:hover { text-decoration: none; }