@charset "utf-8"; /* CSS Document */ /* GLOBAL */ html, body { height: 100%; /*height: auto !important;*/ margin: 0; padding: 0; font: 12px Arial, Helvetica, sans-serif; } html { } body { } body.home { height: 100%; } body.contentpage { background: transparent url('../images/bodybg.jpg') no-repeat left top; } p { margin: 8px 0; } a { text-decoration: none; } h1, h1a { } h2, h2a { } h3, h3a { } h4, h4a { font-size: 18px; margin-bottom: 12px; } h5, h5a { font-size: 14px; margin-bottom: 6px; } /* gogo readmore */ a.gogoreadmore { display: block; width: 165px; height: 58px; margin-top: 16px; background: transparent url('../images/gogo_leesverder.gif') no-repeat left top; } a.gogoreadmore:hover { background-position: bottom; } /* gogo terug */ a.gogoterug { display: block; width: 206px; height: 60px; margin-top: 16px; background: transparent url('../images/gogo_terug.gif') no-repeat left top; } a.gogoterug:hover { background-position: bottom; } /* foto lijst */ div.mediacontainer { float: left; } div.fotoframe { position: relative; width: 328px; height: 423px; background: transparent url('../images/fotoframebg.gif') no-repeat center bottom; } div.fotoframe img { position: absolute; bottom: 43px; left: 41px; } div.fotodiscription { width: 328px; } div.fotodiscription p { padding: 4px 8px; color: #000000; font: 16px "Times New Roman",Times,serif; font-style: italic; vertical-align: bottom; } /* FIXES */ .clearfix:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; clear:both; } * html .clearfix { height: 1%; } .clearall { clear: both; } /* HOME TEMPLATE */ div.homecontainer { position: relative; width: 955px; height: 579px; background: #6E96AF url('../images/homecontainerbg.jpg') no-repeat left top; } div.homecontainer ul { position: absolute; bottom: 0; left: 0; padding-left: 50px; } div.homecontainer ul li { float: left; margin-right: 22px; } div.homecontainer ul li a { display: block; height: 48px; } div.homecontainer ul li a span { display: none; } div.homecontainer ul li a.nieuws { width: 82px; background: transparent url('../images/home_nieuws.gif') no-repeat left top; } div.homecontainer ul li a.visie { width: 60px; background: transparent url('../images/home_visie.gif') no-repeat left top; } div.homecontainer ul li a.profilering { width: 135px; background: transparent url('../images/home_profilering.gif') no-repeat left top; } div.homecontainer ul li a.schoolenomgeving { width: 121px; background: transparent url('../images/home_schoolenomgeving.gif') no-repeat left top; } div.homecontainer ul li a.schooltijden { width: 156px; background: transparent url('../images/home_schooltijden.gif') no-repeat left top; } div.homecontainer ul li a.links { width: 63px; background: transparent url('../images/home_links.gif') no-repeat left top; } div.homecontainer ul li a.contact { width: 107px; background: transparent url('../images/home_contact.gif') no-repeat left top; } div.homecontainer ul li a:hover { background-position: bottom; } /* TEMPLATE */ div.bgcontainer { background: transparent url('../images/footerbg.jpg') no-repeat left bottom; } div.wrapper { position: relative; width: 990px; height: 100%; height: auto !important; } /* header */ div.header { width: 100%; height: 287px; } div.header h1 { position: absolute; left: 47px; top: 38px; } div.header h1 a { display: block; width: 311px; height: 90px; background: transparent url(../images/max-velthuijs-logo.gif) no-repeat left top; } div.header h1 a:hover { background-position: bottom; } div.header a.komnaarhetatelier { position: absolute; left: 505px; top: 50px; display: block; width: 227px; height: 50px; background: transparent url('../images/button_kom-naar-het-atelier.gif') no-repeat left top; } div.header a.komnaarhetatelier:hover{ background-position: bottom; } div.header a.komnaarhetatelier span { display: none; } div.header div.pagetitle { position: absolute; top: 150px; right: 0; width: 463px; text-align: center; } /* body container */ div.bodycontainer { /*position: relative;*/ background: transparent url('../images/bodycontainerbg.gif') repeat-y top left; } /* main menu */ div.mainmenu { float: left; width: 301px; height: 595px; background: transparent url('../images/mainmenubg.jpg') no-repeat left top; } div.mainmenu ul { padding: 98px 0 0 62px; list-style-type: none; } div.mainmenu ul li { } div.mainmenu ul li a { display: block; width: 185px; height: 46px; text-decoration: none; } div.mainmenu ul li.nieuws a { background: transparent url('../images/mainmenu_button_nieuws.gif') no-repeat left top; } div.mainmenu ul li.profilering a { background: transparent url('../images/mainmenu_button_profilering.gif') no-repeat left top; } div.mainmenu ul li.visie a { background: transparent url('../images/mainmenu_button_visie.gif') no-repeat left top; } div.mainmenu ul li.schoolenomgeving a { background: transparent url('../images/mainmenu_button_schoolenomgeving.gif') no-repeat left top; } div.mainmenu ul li.schooltijden a { background: transparent url('../images/mainmenu_button_schooltijden.gif') no-repeat left top; } div.mainmenu ul li.maxvelthuijs a { background: transparent url('../images/mainmenu_button_maxvelthuijs.gif') no-repeat left top; } div.mainmenu ul li.peutersenkleuters a { background: transparent url('../images/mainmenu_button_peutersenkleuters.gif') no-repeat left top; } div.mainmenu ul li.links a { background: transparent url('../images/mainmenu_button_links.gif') no-repeat left top; } div.mainmenu ul li.contact a { background: transparent url('../images/mainmenu_button_contact.gif') no-repeat left top; } div.mainmenu ul li.schoolenomgeving a { background: transparent url('../images/mainmenu_button_schoolenomgeving.gif') no-repeat left top; } div.mainmenu ul li a:hover, div.mainmenu ul li.current a { background-position: bottom; } div.mainmenu ul li a span { display: none; } /* content container */ div.contentcontainer { float: right; width: 660px; } div.contentcontainer div.pagetoc { position: absolute; z-index: 100; right: 0; top: 220px; width: 427px; } div.contentcontainer div.pagetoc ul { } div.contentcontainer div.pagetoc ul li { float: left; } div.contentcontainer div.pagetoc ul li a { display: block; width: 162px; height: 27px; background-position: left top; background-repeat: no-repeat; } div.contentcontainer div.pagetoc ul li a:hover { background-position: bottom; } div.contentcontainer div.pagetoc ul li a span { display: none; } /* visie */ div.contentcontainer div.pagetoc ul li.visie a { background-image: url('../images/submenu_visie_visie.gif'); } div.contentcontainer div.pagetoc ul li.methodes a { background-image: url('../images/submenu_visie_methodes.gif'); } div.contentcontainer div.pagetoc ul li.leerlingenzorg a { background-image: url('../images/submenu_visie_leerlingenzorg.gif'); } div.contentcontainer div.pagetoc ul li.computers a { background-image: url('../images/submenu_visie_computers.gif'); } div.contentcontainer div.pagetoc ul li.ouders a { background-image: url('../images/submenu_visie_ouders.gif'); } div.contentcontainer div.pagetoc ul li.bewegingsonderwijs a { background-image: url('../images/submenu_visie_bewegingsonderwijs.gif'); } /* profilering */ div.contentcontainer div.pagetoc ul li.keuzewerk a { background-image: url('../images/submenu_profilering_keuzenwerk.gif'); } div.contentcontainer div.pagetoc ul li.schoolbibliotheek a { background-image: url('../images/submenu_profilering_schoolbibliotheek.gif'); } div.contentcontainer div.pagetoc ul li.hetvankinderenmuseum a { background-image: url('../images/submenu_profilering_hetvankinderenmuseum.gif'); } /* school en omgeving */ div.schoolenomgeving div.schoolsign { position: absolute; left: 0; top: 3048px; z-index: 100; width: 256px; height: 202px; } div.schoolenomgeving div.contentcontainer div.pagetoc { top: 256px; } div.contentcontainer div.pagetoc ul li.geschiedenis a { background-image: url('../images/submenu_schoolenomgeving_geschiedenis.gif'); } div.contentcontainer div.pagetoc ul li.wiewasdacosta a { background-image: url('../images/submenu_schoolenomgeving_wiewasdacosta.gif'); } div.contentcontainer div.pagetoc ul li.schoolgids a { background-image: url('../images/submenu_schoolenomgeving_schoolgids.gif'); } div.contentcontainer div.pagetoc ul li.samenwerkingsverbanden a { background-image: url('../images/submenu_schoolenomgeving_samenwerkingsverbanden.gif'); } /* schooltijden */ div.schooltijden div.contentcontainer div.mceContentBody div.pageheader { padding-top: 60px; } /* max velthuijs */ div.maxvelthuijs div.contentcontainer div.pagetoc { top: 256px; } div.contentcontainer div.pagetoc ul li.maxvelthuijs a { background-image: url('../images/submenu_maxvelthuijs_maxvelthuijs.gif'); } div.contentcontainer div.pagetoc ul li.kleinvogeltjevindteenschool a { background-image: url('../images/submenu_maxvelthuijs_kleinvogeltjevindteenschool.gif'); } /* links */ div.links div.contentcontainer { padding-top: 80px; } div.links div.contentcontainer div.fotodiscription { padding: 8px 0 0 20px; width: auto; } /* contact */ div.contact div.contentcontainer { padding-top: 80px; } div.contact div.contentcontainer { padding-top: 80px; } div.contact div.contentcontainer div.form { float: left; width: 300px; padding-top: 118px; } div.contact div.contentcontainer div.form td { padding-bottom: 4px; } div.contact div.contentcontainer div.form td input, div.contact div.contentcontainer div.form td textarea { border: 1px solid #000; } div.contact div.contentcontainer div.form td textarea { width: 220px; } div.contact div.contentcontainer div.wan { float: right; width: 330px; } div.contact div.contentcontainer div.adress { padding: 14px 0 0 36px; line-height: 18px; } /* schoolkalender */ div.schoolkalender div.contentcontainer { padding-top: 60px; text-align: center; } div.schoolkalender div.contentcontainer table { } div.schoolkalender div.contentcontainer td { padding: 0 8px; text-align: left; } div.schoolkalender div.contentcontainer thead td h5 { font-size: 33px; font-weight: bold; margin-bottom: 18px; } div.schoolkalender div.contentcontainer tbody td { font-size: 16px; line-height: 28px; border-bottom: 1px solid #F4C139; } div.schoolkalender div.contentcontainer tbody td.date { width: 220px; font-weight: bold; } div.schoolkalender div.contentcontainer tbody td.discription { } /* het atelier */ body.hetatelierpage { background: transparent url('../images/bodybg_hetatelier.jpg') no-repeat left top; } body.hetatelierpage div.bodycontainer { background: none; } body.hetatelierpage div.contentcontainer div.mceContentBody { /*background: transparent url('../images/hetatelier_fotoframebg_bg.gif') no-repeat scroll left top; */} body.hetatelierpage div.footer { background: none; } body.hetatelierpage div.header a.terugnaarhetnieuws { display: block; position: absolute; left: 0; top: 0; width: 670px; height: 37px; background: transparent url('../images/hetatelier_terugnaarhetnieuws.gif') no-repeat left top; } body.hetatelierpage div.header a.terugnaarhetnieuws:hover { background-position: bottom; } body.hetatelierpage div.header a.terugnaaralleberichten { display: block; position: absolute; left: 214px; top: 244px; width: 209px; height: 28px; background: transparent url('../images/hetatelier_terugnaaralleberichten.gif') no-repeat left top; } body.hetatelierpage div.header a.terugnaaralleberichten:hover { background-position: bottom; } body.hetatelierpage div.contentcontainer { width: 990px; } body.hetatelierpage div.contentcontainer div.pageheader { left: 506px; position: absolute; top: 382px; z-index: 500; } body.hetatelierpage ol.itemlist { background: transparent url('../images/hetatelier_fotoframebg_bg.gif') repeat-y scroll 81px 10px; } body.hetatelierpage ol.itemlist li { position: relative; width: 990px; } body.hetatelierpage ol.itemlist li.first { padding-top: 91px; background: transparent url('../images/hetatelier_fotoframe_top.gif') repeat-y scroll 81px 0; } body.hetatelierpage ol.itemlist li div.mediacontainer { margin-left: -28px; } body.hetatelierpage ol.itemlist li div.contents { width: 483px; padding-top: 155px; } body.hetatelierpage ol.itemlist li div.contents a.gogoreadmore { position: absolute; right: 0; bottom: 18px; } body.hetatelierpage ol.itemlist li div.contents p.fotodiscription { position: absolute; width: auto; bottom: 30px; font-style: italic; font-family:"Times New Roman",Times,serif; font-size:16px; } body.hetatelierpage div.fotoframe { position: relative; width: 532px; height: 423px; background: transparent url('../images/hetatelier_fotoframebg.gif') no-repeat scroll center bottom; } body.hetatelierpage div.fotoframe img { position: absolute; bottom: 37px; left: 96px; } body.hetatelierpage div.bgcontainer { background: transparent url('../images/hetatelier_footerbg.jpg') no-repeat scroll left bottom; } body.hetatelierpage a.lamp { position: absolute; z-index: 100; left: 322px; top: 163px; width: 144px; height: 161px; background: transparent url('../images/hetatelier_lamp.gif') no-repeat scroll left top; } body.hetatelierpage a.lamp:hover { background-position: left bottom; } /* leesverder */ div.leesverder div.contentcontainer div.pagetoc { top: 224px; } /* mceContentBody */ div.contentcontainer div.mceContentBody { } div.contentcontainer div.mceContentBody a { text-decoration: underline; color: #000000; } div.contentcontainer div.mceContentBody ul li, div.contentcontainer div.mceContentBody dl dt { padding-left: 14px; background: transparent url('../images/listitem.gif') no-repeat 2px 5px; } div.contentcontainer div.mceContentBody dl dt { margin-top: 4px; margin-bottom: 2px; font-weight: bold; font-size: 12px; } div.contentcontainer div.mceContentBody div.pageheader { padding-top: 120px; } /* gogo pdf-file */ div.contentcontainer div.mceContentBody div.gogopdffile { margin-top: 16px; } div.contentcontainer div.mceContentBody div.gogopdffile a { text-decoration: none; } div.contentcontainer div.mceContentBody div.gogopdffile a.pdflink { font: 18px "Times New Roman", Times, serif; color: #000000; text-decoration: underline; } div.contentcontainer div.mceContentBody div.gogopdffile a.getpdf { clear: both; display: block; height: 31px; margin-top: 4px; padding-top: 4px; padding-left: 94px; font: 11px Arial, Helvetica, sans-serif; line-height: 14px; color: #666666; background: transparent url('../images/icon_getpdf.gif') no-repeat left 4px; } /* itemlist */ ol.itemlist { width: 100%; } ol.itemlist li { width: 660px; } ol.itemlist li div.contents { float: right; width: 306px; padding-top: 118px; } ol.itemlist li div.contents a.gogoreadmore { float: right; margin-top: 32px; } /* itemlist odd */ ol.itemlist li.odd div.mediacontainer { float: left; } ol.itemlist li.odd div.contents { float: right; } /* itemlist even */ ol.itemlist li.even div.mediacontainer { float: right; } ol.itemlist li.even div.contents { float: left; } /* footer */ div.footer { position: relative; width: 100%; height: 400px; background: transparent url('../images/bodycontainerbg.gif') repeat-y top left; } div.footer ul { position: absolute; left: 785px; bottom: 123px; } div.footer li a { display: block; width: 76px; height: 51px; } div.footer li a span { display: none; } div.footer li.homepage a { background: transparent url('../images/footer_homepage.gif') no-repeat left top; } div.footer li.schoolkalender { padding-left: 16px; } div.footer li.schoolkalender a { background: transparent url('../images/footer_schoolkalender.gif') no-repeat left top; } div.footer li a:hover { background-position: bottom; }