/* Magenta #eb008b Orange #f05a28 Lila #c473a8 Purple #8e84b8 Green #6f9324 Turquoise #10a78c Red #c40d20 Footer #a51652 Blue #26a9df Lila #c48bda Bourgondisch Rood #a71056 Magenta #d10074 Maroon #c4262e Chocoladebruin #9a3b26 Warm Grijs #665546 Oranje #f9461c Eigeel #f0ab00 Resedagroen #879637 Mintgroen #00a599 Frisblauw #00a1de Donkerblauw #00549f */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; list-style: none; } html { font-family: Verdana, Geneva, sans-serif; font-size: 62.5%; } body { font-size: 110%; color: #434343; background: #fad1e9; } h1 { color: #ee5b27; font-size: 24px; margin: 0px 0px 10px 0px; line-height: 1em; font-weight: normal; } h2 { color: #d10074; font-size: 20px; margin: 1em 0px 0px 0px; font-weight: normal; } h3 { color: #d10074; font-size: 16px; margin: 0px 0px 1em 0px; font-weight: normal; } p { margin: 0px 0px 1.5em 0px; } a { color: #eb008b; text-decoration: none; } a:hover { text-decoration: underline; } table, tr, td { vertical-align: top; border-collapse: collapse; } #background { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; z-index: 1; } #background img { min-width: 100%; min-height: 100%; height: 100%; } #container { position: relative; left: 50%; margin: 0px 0px 0px -490px; width: 980px; z-index: 10; } #logo { padding: 30px 0px; } #logo img { width: 245px; height: 60px; } #menu { margin: 15px 0px 0px 0px; height: 130px; } #menu ul { margin: 0px 0px 0px 25px; position: relative; } #menu ul li { width: 225px; height: 18px; line-height: 1em; padding: 0px 0px 5px 0px; list-style: none; margin: 0px; } #menu ul li a { color: #5d5d5d; font-size: 18px; } #menu ul li a:hover { color: #f05a28; } #menu ul li.active a { color: #f05a28; } #menu ul li.col1 {} #menu ul li.col2 { margin: 0px 0px 0px 225px; } #menu ul li.col2.first { margin-top: -115px; } #menu ul li.col3 { margin: 0px 0px 0px 450px; } #menu ul li.col3.first { margin-top: -115px; } #search { background: #26a9df; margin: 0px 25px; color: #ffffff; padding: 5px 5px; height: 15px; clear: both; } #search .category { } #search .category span { position: absolute; margin: 0px 0px 0px 0px; height: 15px; width: 50px; padding: 0px 5px 0px 0px; } #search .category ul { position: absolute; margin: 0px 0px 0px 55px; background: #ffffff; width: 190px; height: 15px; color: #f9461c; overflow: hidden; z-index: 100; border-left: 1px solid #26a9df; border-bottom: 1px solid #26a9df; } #search .category ul li { padding: 0px 5px; cursor: pointer; margin: 0px; list-style: none; } #search .category .button { position: absolute; margin: 0px 0px 0px 245px; cursor: pointer; } #search .query { } #search .query span { position: absolute; margin: 0px 0px 0px 285px; } #search .query input { position: absolute; margin: 0px 0px 0px 325px; height: 15px; width: 200px; border: none; background: #ffffff; padding: 0px 5px; color: #f9461c; } #search .submit { } #search .submit input { position: absolute; margin: 0px 0px 0px 535px; } /*#search div { float: left; } #search div.category { margin: 1px 5px 0px 0px; } #search div.category span { float: left; margin: 4px 5px 0px 0px; } #search div.category select { font-size: 12px; width: 150px; } #search div.query { margin: 1px 5px 0px 0px; } #search div.query span { float: left; margin: 4px 5px 0px 0px; } #search div.query input { font-size: 12px; width: 150px; padding: 0px; } */ #breadcrumb { margin: 0px 25px; color: #26a9df; font-size: 10px; clear: both; } #breadcrumb a { color: #26a9df; } #content { width: 700px; background: #ffffff; font-size: 1.1em; line-height: 1.4em; overflow: hidden; padding: 0px 0px 25px 0px; } #content_text { width: 650px; padding: 25px; position: relative; } #columncenter ul li { margin-left: 20px; list-style: circle; } #columncenter ol li { margin-left: 20px; list-style: decimal; } #columncenter div ul { margin-left: 0px; list-style: none; } #columncenter div ul li { margin-left: 0px; list-style: none; } #content_text #submenu { float: left; width: 200px; margin: 0px 25px 0px 0px; } #content_text #submenu ul { margin: 0px; list-style: none; } #content_text #submenu ul li { text-align: right; font-size: 16px; font-weight: bold; line-height: 1.3em; margin: 0px; list-style: none; } #content_text #submenu ul li a { color: #5d5d5d; } #content_text #submenu ul li a:hover { color: #f05a28; text-decoration: none; } #content_text #submenu ul li.active a { color: #f05a28; text-decoration: none; } #content_text #submenu ul li.active ul { margin: 5px 0px 25px 0px ; font-size: 0.8em; } #content_text #submenu ul li.active ul li { font-size: 13px; } #content_text #submenu ul li.active ul li a { color: #5d5d5d; } #content_text #submenu ul li.active ul li.active a { color: #f05a28; text-decoration: none; } #content_text table td { padding: 0px 10px 0px 0px; } #sidebar_text #submenu { margin: 0px 25px 0px 0px; } #sidebar_text #submenu ul { margin: 0px; list-style: none; } #sidebar_text #submenu ul li { font-size: 16px; font-weight: bold; line-height: 1.3em; margin: 0px; list-style: none; } #sidebar_text #submenu ul li a { color: #ffffff; opacity:0.7; filter:alpha(opacity=70); } #sidebar_text #submenu ul li a:hover { color: #ffffff; opacity:1; filter:alpha(opacity=100); text-decoration: none; } #sidebar_text #submenu ul li.active a { color: #ffffff; text-decoration: none; } #sidebar_text #submenu ul li.active ul { margin: 5px 0px 25px 0px ; font-size: 0.8em; } #sidebar_text #submenu ul li.active ul li { font-size: 13px; } #sidebar_text #submenu ul li.active ul li a { color: #ffffff; opacity:0.6; filter:alpha(opacity=60); } #sidebar_text #submenu ul li.active ul li a:hover { color: #ffffff; opacity:0.9; filter:alpha(opacity=90);} #sidebar_text #submenu ul li.active ul li.active a { color: #ffffff; text-decoration: none;opacity:0.9; filter:alpha(opacity=90); } #sidebar_text table td { padding: 0px 10px 0px 0px; } #sidebar { width: 280px; background: #eb008b; position: absolute; top: 120px; margin: 0px 0px 0px 700px; font-size: 1.2em; color: #ffffff; overflow: hidden; } #sidebar h4 { color: #ffffff; font-size: 28px; margin: 25px 0px 0px 0px; } #sidebar h4.first { color: #ffffff; font-size: 28px; height: 208px; margin: 0px; } #sidebar a { color: #ffffff; } #sidebar li { margin: 0px; list-style: none; } #sidebar #sidebar_text { margin: 10px 25px; } #sidebar .datenav { margin: 0px -5px 40px -5px; position: relative; } #sidebar .datenav li { float: left; text-align: center; opacity:0.7; filter:alpha(opacity=70); padding: 0px 5px; } #sidebar .datenav li.active { opacity:1; filter:alpha(opacity=100); } #sidebar .datelist { position: relative; } #sidebar .datelist li { margin: 0px 0px 5px 0px; width: 235px; list-style: none; } #sidebar .datelist .date { float: left; width: 30px; } #sidebar .datelist .title { float: left; width: 205px; } #sidebar .datenav ul li { margin: 0px; list-style: none; } #columnleft { float: left; width: 200px; margin: 0px 25px 0px 0px; } #columnleft .news_image { margin: 0px 0px 25px 0px; } #columnleft h1 { word-wrap: break-word; font-size: 24px; text-align: right; } #columnleft h4 { color: #f2ad8c; text-align: right; font-size: 14px; line-height: 1.5em; font-weight: bold; margin: 0px 0px 25px 0px; } #columnleft h4.active { color: #ee5b27; } #columnleft .formlink h4 { color: #f287b7; text-align: right; font-size: 14px; line-height: 1.5em; font-weight: bold; margin: 0px 0px 25px 0px; text-decoration: none; } #columnleft .formlink h4.active { color: #d10074; } #columncenter { margin: 0px 0px 0px 225px; } #footer { width: 280px; background: url(../images/sidebar_footer.png) no-repeat; position: absolute; margin: -40px 0px 0px 700px; padding: 10px 0px 10px 0px; } #footer img { position: absolute; margin: -12px 0px 0px 0px; z-index: 11; } #footer a { color: #ffffff; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer ul { margin: 10px 25px 0px 25px; } #footer ul li { float: left; margin: 0px 0px 5px 0px; list-style: none; font-size: 13px; } #footer ul li.col1 { width: 95px; } #footer ul li.col2 { width: 95px; } #footer ul li.col3 { } #footer_space { height: 50px; } #videoplayer { width: 600px; height: 500px; } #cache { display: none; } #download table { width: 100%; } #list_images_2 ul { margin: 0px; padding: 0px; } #list_images_2 li { float: left; margin: 0px 0px 25px 0px; position: relative; list-style: none; } #list_images_2 li.col1 { margin-right: 25px; } #list_images_2 li a:hover { text-decoration: none; } #list_images_3 ul { margin: 0px; padding: 0px; } #list_images_3 li { float: left; margin: 0px 0px 25px 0px; position: relative; list-style: none; } #list_images_3 li.col1 { margin-right: 25px; } #list_images_3 li.col2 { margin-right: 25px; } #list_images_3 li a:hover { text-decoration: none; } #list_images_4 ul { margin: 0px; padding: 0px; } #list_images_4 li { float: left; margin: 0px 0px 25px 0px ; position: relative; list-style: none; } #list_images_4 li.col1 { margin-right: 25px; } #list_images_4 li.col2 { margin-right: 25px; } #list_images_4 li.col3 { margin-right: 25px; } #list_images_4 .fancy_image { position: relative; width: 87px; height: 87px; overflow: hidden; cursor: pointer;} #list_images_4 .fancy_image img { width: 87px; height: 87px; } #list_images_6 ul { margin: 0px; padding: 0px; } #list_images_6 li { float: left; margin: 0px 0px 25px 0px; position: relative; list-style: none; } #list_images_6 li.col1 { margin-right: 25px; } #list_images_6 li.col2 { margin-right: 25px; } #list_images_6 li.col3 { margin-right: 25px; } #list_images_6 li.col4 { margin-right: 25px; } #list_images_6 li.col5 { margin-right: 25px; } #list_images_6 .fancy_image { position: relative; width: 87px; height: 87px; overflow: hidden; cursor: pointer;} #list_images_6 .fancy_image img { width: 87px; height: 87px;} #list_course td { width: 200px; padding: 0px 0px 25px 0px; } #list_course td.col1 { padding-right: 25px; } #list_course td.col2 { padding-right: 25px; } #list_course td div { padding: 0px 0px 25px 0px; height: 100%; position: relative; } #list_course td div strong { font-size: 24px; font-weight: normal; line-height: 1.2em; display: block; height: 60px; } #list_course td div strong a { color: #f05a28; text-decoration: none; } #list_course td div ul { margin: 0px; } #list_course td div ul li { margin: 0px 0px 3px 0px; } #list_course td div ul li a { color: #434343; } #list_course td.right { text-align: left; float: none; height: 50px; } #list_course td.right a { color: #f05a28; } #list_course #columnleft .related ul li { list-style: none; margin: 0px; } #list_course #columnleft .related ul li.active a { color: #f05a28; } #list_course #columncenter ul { margin: 0px; } #list_course #columncenter ul li { height: 1.7em; list-style: none; margin: 0px; } #list_course #columncenter ul li a { color: #434343; } /*#list_course #columncenter #list { height: 0px; padding: 0px 0px 400px 0px; overflow: hidden; }*/ #list_course #columncenter #list { height: 400px; overflow: auto; } .maxheight { max-height: 400px; overflow: auto; } #coursepricedata { display: none; } #coursepricedata div { clear: both; margin: 0px 0px 4px 0px; height: 22px; } #coursepricedata strong { float: left; width: 120px; margin: 1px 0px 0px 0px; font-weight: normal; } #coursepricedata input { padding: 0px 0px 0px 5px; margin: 0px; height: 16px; } #coursepricedata select { padding: 0px 0px 0px 5px; margin: 0px; height: 20px; font-size: 11px; } #coursepricedata button { position: absolute; margin: -0px 0px 0px 10px; } .fancy_image { position: relative; width: 200px; height: 200px; overflow: hidden; z-index: 50; cursor: pointer;} .fancy_image img { width: 200px; height: 200px; } .fancy_image .title { position: absolute; right: 5px; margin: -40px 5px 0px 0px; background: #ffffff; color: #eb008b; padding: 2px 5px; opacity:0; filter:alpha(opacity=0); } .fancy_image .subtitle { position: absolute; right: 5px; margin: -20px 5px 0px 0px; background: #ffffff; color: #eb008b; padding: 2px 5px; opacity:0; filter:alpha(opacity=0); } #fancy_imagelist { } #fancy_imagelist ul { margin: 0px; padding: 0px; height: 200px; width: 200px; overflow: hidden; font-size: 1px; line-height: 0px; } #fancy_imagelist ul li { position: relative; } #fancy_imagelist ul li img { width: 200px; height: 200px; } #fancy_imagelist ul li div { position: absolute; margin: -30px 0px 0px 0px; } .related { color: #eb008b; font-size: 13px; line-height: 1.5em; font-weight: bold; margin: 1em 0px 0px 0px; } .related em { width: 200px; height: 1.3em; overflow: hidden; display: block; } .related a { color: #26a9df; } .related ul li { text-align: right; min-height: 1.5em; list-style: none; } .related ul li ul { font-size: 11px; font-weight: normal; margin: 0px 0px 1em 0px; display: none; } .hilight { font-size: 13px; font-weight: bold; } .hilight a { color: #26a9df; } .form { width: 420px; overflow: hidden; } .form #error { display: none; position: absolute; top: -1000px; } .form input, form select, form textarea { margin: 0px 3px 0px 0px; padding: 0px; border: 1px solid #CCCCCC; } .form .error { border: 1px solid #a71056; } .form .errormessage { margin: 1em 0px; } .form .errormessage ul li { font-size: 12px; font-weight: bold; color: #a71056; } .form span { float: left; font-size: 10px; margin: 0px 5px 0px 0px; } .form .title { width: 100px; text-align: right; padding: 0px 10px 0px 0px; } .form .space { height: 15px; } .form .firstname { width: 94px; } .form .initials { width: 94px; } .form .middlename { width: 60px; } .form .lastname { width: 130px; } .form .streetname { width: 154px; } .form .housenumber { width: 70px; } .form .housenumberadd { width: 60px; } .form .postcode { width: 70px; } .form .city { width: 220px; } .form .birth_day { width: 45px; } .form .birth_month { width: 145px; } .form .birth_year { width: 50px; } .form .email { width: 250px; } .form .sexm { margin: 5px 10px 0px 0px; } .form .sexv { margin: 5px 10px 0px 10px; } .form .comment { width: 300px; height: 70px; } #googlemaps { width: 425px; height: 300px; } #content_text #sitemap ul { margin: 0px 0px 15px 15px; } #content_text #sitemap li { margin: 0px 0px 0px 15px; } #content_text #sitemap li a { color: #5d5d5d; } #content_text #sitemap li li a { color: #eb008b; } .faq_container { width:425px;overflow:hidden;margin-bottom:10px;} .faq_vraag { width:415px;padding:5px;color:#fff;overflow:hidden;background-color:#d10074;cursor:pointer;} .faq_antwoord { width:403px;padding:10px 10px 0px 10px;overflow:hidden;display:none;border:1px solid #d10074;border-top:0px;} /* .magenta #sidebar { background: #eb008b; } .orange #sidebar { background: #f05a28; } .lila #sidebar { background: #c473a8; } .purple #sidebar { background: #8e84b8; } .green #sidebar { background: #6f9324; } .turquoise #sidebar { background: #10a78c; } .red #sidebar { background: #c40d20; } */ .lila #sidebar { background: #c48bda; } .bourgondischrood #sidebar { background: #a71056; } .magenta #sidebar { background: #d10074; } .maroon #sidebar { background: #c4262e; } .chocoladebruin #sidebar { background: #9a3b26; } .warmgrijs #sidebar { background: #665546; } .oranje #sidebar { background: #f9461c; } .eigeel #sidebar { background: #f0ab00; } .resedagroen #sidebar { background: #879637; } .mintgroen #sidebar { background: #00a599; } .frisblauw #sidebar { background: #00a1de; } .donkerblauw #sidebar { background: #00549f; } .extranet #sidebar { background: #00549f; } #login label { display: block; position: relative; height: 25px; line-height: 25px; } #login label input { height: 19px; border: 1px solid #CCCCCC; line-height: 19px; padding: 0px 3px; width: 200px; position: absolute; right: 100px; top: 2px; } #login label input[type="submit"] {width: 208px;height: 25px; line-heigh: 25px;} .clear { clear: both; } .right { float: right; text-align: right; } .left { float: left; } .hidden { display: none; } #logout { font-size: 15px; padding: 5px 0px; } #logout a { color: #A71056; } #enquete_module .question { font-weight: bold; line-height: 25px; } #enquete_module textarea { width: 100%; height: 80px; } #enquete_module input.input { width: 100%; border: 1px solid #cccccc; }