/*----------BEGIN Algemene instellingen-------------*/ /* COLORS USED BESIDES LINKS blue = 60b6c4 */ /* RESET */ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; } ul,ol { list-style: none; } fieldset,img { border: none; } caption,th { text-align: left; } table { border-collapse: collapse; border-spacing: 0; } /* EINDE RESET */ HTML { background: #13797d; color: white; font: 14px/1.5 verdana,sans-serif,Arial; } BODY { text-align: center; } /* Fix for centering page in older browsers e.g. IE6*/ #container, #footer_wrap { position: relative; top: 0; left: 0; width: 965px; margin: 0 auto; text-align: left; padding: 0 10px; } /* DEFAULT styles */ STRONG { font-weight: bold; } EM { font-style: italic; } .strong { font-weight: bold; } H1, H2, H3, H4, H5 {font-family: georgia, times, serif; } A:link, A:visited{ color: #fdc114; text-decoration: none; outline: 0; font-size: 12px; } A:hover { color: #6dcede; } A.blue:link, A.blue:visited{ color: #88e4ff; text-decoration: none; } A.blue:hover { color: #fdc114; } A.orange:link, A.orange:visited{ color: #fdc114; } A.orange:hover { color: #6dcede; } A.orange_only:link, A.orange_only:visited{ color: #fdc114; font-size: 21px; } A.orange_only:hover { color: #fdc114; } A.nonactive:link, A.nonactive:visited, A.nonactive_vacature:link, A.nonactive_vacature:visited{ color: #b59c56; } A.nonactive:hover, A.nonactive_vacature:hover { color: #b59c56; } A.grey:link, A.grey:visited{ color: #1f5d58; font-size: 10px; } A.grey:hover { color: #153f3c; } A.black:link, A.black:visited{ color: black; font-size: 16px; } A.black:hover { color: black; } A.white:link, A.white:visited{ color: white; text-decoration: none;} A.white:hover { color: #fdc114; } A.onwhite:link, A.onwhite:visited{ color: #186e72; font-size: 14px; } A.onwhite:hover { color: #fdc114; } A.hide:link, A.hide:visited{ visibility: hidden; } A.hide:hover { visibility: hidden; } .del { margin-left: -2000px } .clear { clear: both; } .wait { cursor: wait; } .hide { display:none!important; } /* EINDE DEFAULT styles */ /* adminlinks */ A.admin_news, A.admin_agenda { width: 20px; height: 20px; display: block; margin: 1px; } A.admin_news_new, A.admin_agenda_new { position: absolute; top: 26px; left: 270px; background: url(../images/admin/new.gif) left top; } A.admin_agenda_new { left: 155px; } A.admin_news_update { position: absolute; top: -5px; left: 120px; background: url(../images/admin/modify.gif) left top; } A.admin_news_delete { position: absolute; top: -5px; left: 150px; background: url(../images/admin/delete.gif) left top; } A.admin_agenda_update { background: url(../images/admin/modify.gif) left top; } A.admin_agenda_delete { background: url(../images/admin/delete.gif) left top; } A.admin_news:hover, A.admin_agenda:hover { margin: 0; border: 1px solid white; } /* OVERLAY CONTACT FORM styles */ #overlay { position: absolute; top: 0; left: 0; z-index: 99999; width: 100%; margin-bottom: -2000px; padding-bottom: 2000px; background-color: black; display: none; } #contact_form { position: fixed; top: 50%; left: 50%; z-index: 99999; background-color: white; width: 500px; height: 350px; margin-left:-250px; margin-top:-150px; color: black; padding: 14px 5px; display: none; } .form_close_button_top { float: right; border: 2px solid #3d3d3d; height: 20px; width: 20px; padding: 3px; margin-top: -9px; color: #3d3d3d; font-size: 16px; font-weight: bold; line-height: 20px; } .form_close_button_top:hover { color: #186e72; border-color: #186e72; } #contact_form H2 { font-size: 28px; font-weight: bold; text-align: center; color: #3d3d3d; } #contact_form UL.fields, #contact_form .buttons { width: 300px; margin: 0 auto; } #contact_form UL.fields LI { margin-bottom: 10px; clear: both; } #contact_form .fields LABEL { float: left; margin-bottom: 10px; } #contact_form .fields INPUT, #contact_form .fields TEXTAREA { float: right; background-color: #dcdcdc; color: black; font: 12px/1 verdana,sans-serif,Arial; border: 1px solid #5e5e5e; padding: 3px; width: 200px; } #contact_form .fields TEXTAREA { width: 292px; overflow: auto; } #contact_form UL.buttons INPUT { color: #186e72; text-align: right; } #contact_form UL.buttons INPUT:hover { color: #fdc114; } #contact_succes_msg { position: absolute; top: 150px; left: 50px; display: none; } #contact_loading { position: absolute; top: 150px; left: 240px; display: none; z-index: 99999999; } #contact_form .contact_gegevens { position: absolute; bottom: 5px; left: 5px; width: 100%; text-align: center; } #contact_form .contact_gegevens SPAN { margin-right: 5px; padding-right: 5px; border-right: 1px solid #d1d1d1; } #contact_form .contact_gegevens SPAN.contact_last { margin: 0; padding: 0; border: 0; } /*##~~ HEADER ~~##*/ /* #header_bg staat buiten container om volledige breedte te kunnen pakken */ #header_bg { position: absolute; top: 0; left: 0; background: #1c2828 url(../images/background_header.png) repeat-x left top; min-width: 985px; width: 100%; height: 210px; } #header { position: relative; height: 210px; } #logo { position: absolute; top: 51px; left: 0px; color: black; font-size: 30px; text-align: center; } #logo A.h1 { display: block; width: 282px; height: 64px; background: url(../images/logo.png) no-repeat left center; } #contact_search {position: absolute; top: 70px; right: 0; height: 40px; } #contact_search .contact A { padding: 2px 31px 3px 31px; background: url(../images/mail_icon.png) no-repeat left center; font-size: 12px; } #contact_search .contact A, #google_search INPUT.sa { color: #b1b9bb; } #contact_search .contact A:hover, #google_search INPUT.sa:hover { color: white; cursor: pointer; } #contact_search FORM { display: inline; } #google_search INPUT.q { background: transparent; border: 1px solid #4c6161; color: white; font: 10px/1 verdana,sans-serif,Arial; padding: 1px;} #google_search INPUT.sa { background: transparent ; border: none; } #cse-search-results { min-height:300px; height:auto !important; height: 300px; } #section_bottom .column_zoeken .image { width: 51px; height: 52px; background: url(../images/search_icon.png) no-repeat right top; } #menu_main { position: absolute; top: 157px; left: 0px; } #menu_main LI { float: left; text-align: center; padding: 0 13px; display: block; cursor: pointer; } #menu_main LI.first { padding: 0 11px; } #menu_main LI.last { padding: 0 10px; } #menu_main SPAN { font-family: georgia, times, serif; } #menu_main SPAN.top { display: block; font-size: 18px; padding-top: 2px; color: white; } #menu_main SPAN.bottom { display: block; color: #b4b9bc; font-size: 14px; padding-bottom: 9px; margin-top: -6px;} #menu_main LI.active { display: block; background: url(../images/menu_active.png) repeat-x left -1px; } #menu_main LI.active:hover { display: block; background: url(../images/menu_active.png) repeat-x left -1px; } #menu_main LI:hover { display: block; background: url(../images/hover_menu.png) repeat-x left -1px; } #menu_main LI.active SPAN.top { color: black; } #menu_main LI.active SPAN.bottom { color: white; background: url(../images/driehoek_menu.png) no-repeat center bottom; } /* BEGIN FORM MENU_ACCOUNT */ #menu_account { float: right; position: absolute; top: -186px; right: 0; width: 156px; z-index: 9999; } #menu_account DIV.content_wrapper {position: relative; top: 0; left: 0; background-color: #13797d; height: 175px; } #menu_account DIV.content { padding: 2px 5px 0px 5px; } #menu_account DIV.trans { position: relative; top: 0; left: -2px; width: 164px; height: 61px; background: url(../images/inlog_button.png) no-repeat left top; text-align: center; cursor: pointer; } #menu_account DIV.trans SPAN { position: relative; top: 17px; right: 0; font: bold 12px georgia, times, serif; } #menu_account LABEL { font-size: 10px; } #menu_account INPUT.text { width: 135px; } #menu_account SPAN.note A { font-size: 10px; } #menu_account DIV.registreren { text-align: right; margin-top: 2px; } #menu_account DIV.registreren .text { text-align: left; font-size: 10px; } #menu_account DIV.registreren A { margin-right: 3px; } #bedrijf_tooltip, #bedrijf_tooltip_vacature { display: none; position: absolute; top: 25px; left: 6px; font-size: 10px; width: 135px; padding: 3px; background-color: #13797d; border: 1px dashed #fdc114; } /* EINDE FORM MENU_ACCOUNT */ /*## EINDE HEADER ##*/ /* ---------------------------------------------------------------------------------------------------------------------------------- */ /*##~~ CONTENT ~~##*/ #content { margin-top: 21px; position: relative; } /*~~ SECTION = TOP ~~*/ /* Breedte top sectie moet 2 x border smaller */ #section_top { position: relative; top: 0; left: 0; display: block; border: 10px solid white; width: 945px; height: 295px; background: white; } #whitewrapper { position: absolute; top:0; left: 0; display: none; width: 684px; height: 295px; background-color: white; } #image_top { float: left; width: 684px; height: 295px; background: white url(../images/balk_stad.jpg) no-repeat left top; } #image_top.img_1 { background-image: url(../images/balk_stad.jpg); } #image_top.img_2 { background-image: url(../images/balk_gebouw.jpg); } #image_top.img_3 { background-image: url(../images/balk_huygens.jpg); } #image_top .text {position: relative; top: 185px; left: 10px; } #section_top .sponsoren { position: absolute; top: 184px; right: 50px; } #section_top .sponsoren .fahr { display: block; width: 320px; height: 216px; background: transparent url(../images/Logo-FB-RC.png) no-repeat left top; } #image_top SPAN {color: #c9cccc; font: 18px georgia, times, serif; } #image_top H2 { font: 35px 'Trebuchet MS',verdana,sans-serif,Arial; color: #c69b1a; margin-top: 0px; } #agenda_top { float: right; width: 251px; height: 295px; border-left: 10px solid white; background: #f3f8fc url(../images/background_agenda.png) repeat-x left top; } #agenda_top DIV.content { position: relative; top: 0; left: 0; height: 290px; margin: 5px 10px 0 20px; color: #647273; } #agenda_top H3 { font-size: 16px; } #agenda_top TABLE { margin-top: 15px; cursor: pointer; } #agenda_top TABLE TD { padding-top: 10px; } #agenda_top TABLE TR:hover { color: #153f3c; } #agenda_top TABLE TR:hover A { color: #153f3c; } TABLE TD.first { padding-top: 0; } #agenda_top TABLE TD.right { border-bottom: 1px solid #cdd2be; font-size: 10px; } #agenda_top TABLE TD.left { text-align: center; padding-right: 20px; padding-left:0; vertical-align: top; font-family: georgia, times, serif; } #agenda_top SPAN.date_day { font-weight: bold; font-size: 14px; display: block; } #agenda_top SPAN.date_month { font-size: 14px; } #agenda_top DIV.meerLink { position: absolute; bottom: 5px; right: 0; font-size: 10px; font-family: georgia, times, serif; } /*~~ SECTION = BOTTOM ~~*/ #section_bottom { margin: 21px 0; position: relative; top: 0; left: 0; overflow: hidden; } #section_bottom .column { float: left; display: block; width: 307px; margin: 0 11px; background: #186e72 url(../images/bloklijn_main.png) no-repeat left top; border-top: 1px solid white; padding-bottom: 5000px; margin-bottom: -5000px; } #section_bottom .left { margin-left: 0; } #section_bottom .right { margin-right: 0; } #section_bottom .column .block, #section_top_other .block { width: 100%; height: 100%; background: url(../images/bloklijn_main.png) no-repeat right top; padding-bottom: 5000px; margin-bottom: -5000px; } #section_bottom .column .content, #section_top_other .content { padding: 21px 15px 0 15px;} #section_bottom .column .content .image, #section_top_other .content .image { float: left; position: relative; top: -9px; left: 0; margin-right: 10px; display: block; } #section_bottom .right .content .image, #section_bottom .nieuwsleft .image, #section_bottom .admin_news .header .image { width: 46px; height: 46px; background: url(../images/news_icon.png) no-repeat right top; } #section_bottom .left .content .image, #section_bottom .bedrijf_only .header .image, #section_bottom .vacature_lijst .header .image { width: 52px; height: 53px; background: url(../images/briefcase_icon.png) no-repeat right top; } #section_bottom .middle .content .image, #section_bottom .student_only .header .image { position: relative; top: -14px; left: 0; width: 50px; height: 59px; background: url(../images/backpack_icon.png) no-repeat right top; } #section_bottom .column .header, #section_top_other .header { height: 64px; display: block; } #section_bottom .column H3, #section_top_other H3 { font-size: 22px; color: #fdc114; } #section_bottom .last { padding: 0; margin: 0; } #section_bottom H4, #section_top_other H4 { font-size: 16px; color: black; } #section_bottom .news_item { padding-bottom: 21px; } #section_bottom .news_item div.date { font-size: 10px; color: black; } #section_bottom .news_item .meerLink { position: relative; right: 0; bottom: 0; font-size: 12px; text-align: right; } #section_bottom .uitleg { padding-bottom: 21px; } #section_bottom .uitleg .meerLink { display: block; position: relative; top: 0; right: 0; text-align: right; } /*## EINDE CONTENT ##*/ /* ---------------------------------------------------------------------------------------------------------------------------------- */ /*##~~ FOOTER ~~##*/ #footer { margin-top: 42px; min-width: 985px; width: 100%; height: 100%; background: #1c2828 url(../images/background_footer.png) repeat-x left top; } #footer .column { float: left; display: block; width: 277px; margin: 21px 11px 14px 11px; padding: 0 15px; } #footer .left { margin-left: 0; } #footer .right { margin-right: 0; } #footer H3 { font-size: 18px !important; color: #c29410; } #footer .divider { height: 21px } #footer .tel, #footer .email { padding-left: 31px; background: url(../images/phone_icon.png) no-repeat left center; } #footer .email { background-image: url(../images/mail_icon.png); margin-top: 6px; } #footer .middle A.logo_item { display: block; width: 80px; height: 70px; border: 1px solid white; float: left; margin-bottom: 14px; margin-right: 14px; } #footer .middle .logofb { background: url(../images/logofb.jpg) no-repeat left top; } #footer .middle .logocafeberg { background: url(../images/logo_berg.png) no-repeat left top; } #footer .middle .logohv { background: url(../images/sponsor_hv.jpg) no-repeat left top; } #footer .middle .logozuidema { background: url(../images/logo-zuidema-nieuw.gif) no-repeat left top; } /*##~~ EINDE FOOTER ~~##*/ /* ---------------------------------------------------------------------------------------------------------------------------------- */ /*##~~ FORMS ~~##*/ INPUT.text, #forms UL.fields SELECT, #forms UL.fields TEXTAREA, #photoheader SELECT { background-color: #21767a; color: black; font: 12px/1 verdana,sans-serif,Arial; border: 1px solid #548a8c; padding: 3px; width: 200px; } INPUT.readonly { color: #363636; } INPUT.error { border: 1px dashed red; } UL.buttons { text-align: right;} UL.buttons INPUT { background-color: transparent; border: none; color: #fdc114; font-size: 12px; font-family: verdana,sans-serif,Arial; } UL.buttons INPUT:hover { color: #6dcede; cursor: pointer; } #error_msg { font-size: 12px; background-color: #ff6666; border: 1px solid red; padding: 7px; margin: 14px 0; } #delete_form { width: 640px; } #delete_form P { padding-bottom: 14px; border-bottom: 1px solid #327377; margin-bottom: 14px; } #forms { width: 100%; background: #186e72 url(../images/bloklijn_main.png) no-repeat left top; width: 965px; margin-top: 0; } #forms .block { width: 909px; height: 100%; border-top: 1px solid white; padding: 21px 28px; background: url(../images/bloklijn_main.png) no-repeat right top; } #forms .header, #profielen .header { height: 64px; } #forms .header .image { float: left; position: relative; top: -9px; left: 0; margin-right: 10px; display: block; width: 47px; height: 52px; background: no-repeat right top; } #forms .header H3 { font-size: 22px; color: #fdc114; } #forms .fields UL.left, #forms .fields UL.right { padding: 14px; margin-bottom: 14px; } #forms UL.left { float: left; width: 337px;} #forms UL.right { float: right; width: 390px; } #forms UL.fields LABEL { float: left; margin-bottom: 10px; } #forms UL.fields INPUT.text, #forms UL.fields SELECT { float: right; } #forms UL.fields INPUT.radio { margin-left: 100px; } #forms UL.fields LI { margin-bottom: 10px; clear: both; } #forms UL.fields .wym_box LI { clear: none; margin-bottom: 0; } #forms UL.fields TEXTAREA { float: right; margin-bottom: 10px; overflow: auto; } #registreren UL.buttons LI { width: 909px; } #forms UL.buttons INPUT { text-align: right; } #image_resize_box { float: right; font-size: 10px; padding-bottom: 14px; width: 208px; } #image_resize_box INPUT { margin-right: 7px; } /* wachtwoord vergeten form */ #forgotten_password_form UL.buttons { width: 337px; } #change_password_form UL.left { width: 400px; } /* registratie form */ #forms .registeren .image { background-image: url(../images/registreren_icon.png); } #forms .registeren .voorwaarden { margin-top: 21px; padding: 14px; font-size: 10px; border: 1px solid #548a8c; } #section_bottom .registreren_succes_left .register_item { margin-bottom: 21px; } #section_bottom .registreren_succes_left .register_item H4 { font-size: 18px; } #section_bottom .registreren_succes_left .register_item H5 { color: #60b6c4; margin-top: 14px; } #section_bottom .registreren_succes_right .content { text-align: center; } #section_bottom .registreren_succes_right .content DIV { height: 195px; width: 170px; background: no-repeat center top; margin: 37px auto 0 auto; border: 1px solid #7ebec2; } #image_login { background-image: url(../images/vb_inloggen.png) !important; } #image_ucp_student { background-image: url(../images/vb_account_s.png) !important; } #image_ucp_bedrijf { background-image: url(../images/vb_account_b.png) !important; } /* EINDE registratie form */ /* mijn profiel form - student */ #forms .profielen .image { background-image: url(../images/registreren_icon.png); } #forms .profielen UL.left { width: 365px;} #forms .profielen .step { padding-bottom: 49px; margin-bottom: 49px; border-bottom: 1px solid #327377; } #forms .profielen .last { margin: 0; border: 0; padding: 0; } #forms .profielen .before_last { border-width: 2px; margin-bottom: 14px; } #forms .profielen .step H4 { margin-bottom: 14px; } #forms .profielen .right SELECT { width: 207px; border: 0; } #forms .profielen UL.checkboxes { position: relative; top: 0; left: 0; } #forms .profielen li.col_labels { position: absolute; top: -40px; left: 0; text-align: center; width: 260px; } #forms .profielen li.col_labels .labels_header { color: black; font-size: 12px; } #forms .profielen li.col_labels LABEL { position: relative; top: 0; left: 32px; } #forms .profielen li.col_labels LABEL.first { left: 0; } #forms .profielen li.col_labels LABEL.last { left: 57px; } #forms .profielen UL.checkboxes INPUT { position: relative; top: 0; left: 100px; } #forms .profielen UL.checkboxes INPUT.first { left: 21px; } #forms .profielen UL.checkboxes INPUT.last { left: 180px; } #forms .profielen UL.fields TEXTAREA.higher { height: 111px; } #forms .profielen LI .img_thumb, #forms .profielen LI .cv_details { float: right; width: 208px; } #forms .profielen LI .img_thumb IMG { border: 1px solid #548a8c; float: left; margin-bottom: 7px; } #forms .profielen LI .img_thumb A { float: right; } #forms .profielen LI .cv_details TABLE {width: 208px; border: 1px solid #548a8c; margin-top: 4px; } #forms .profielen LI .cv_details TD { font-size: 12px; border-bottom: 1px solid #548a8c; padding: 2px; } #forms .profielen LI .cv_details TD.right { text-align: right; border-left: 1px solid #548a8c; color: black; } #forms .profielen LI .cv_details A { float: right; } .profielen .succes, #section_bottom .vacature_lijst { min-height:300px; height:auto !important; height: 300px; } /* EINDE mijn profiel form - student */ /* vacatures & stageplaatsen */ #forms UL.total { float: none; text-align: center; width: 100%; } /*##~~ EINDE FORMS ~~##*/ /* ---------------------------------------------------------------------------------------------------------------------------------- */ /*##~~ INDIVIDUELE PAGINAS ~~##*/ #section_bottom .column_large { width: 628px; margin-left: 0; } #section_bottom .column_small { width: 315px; margin-right: 0; } #section_bottom .bedrijf_only, #section_bottom .student_only, #section_bottom .vacature_only, #section_bottom .full_width { width: 965px; margin: 0; padding: 0; } /*~~ HOME: Nieuws & Agenda ~~*/ #section_bottom .agendaright { position: relative; top: 0; left: 0; } #section_bottom .agendaright .image { width: 47px; height: 52px; background: url(../images/agenda_icon.png) no-repeat right top; } #section_bottom .agendaright TD { padding-top: 21px; } #section_bottom .agendaright TD.first { padding: 0; } #section_bottom .agendaright TD.first { padding: 0; } #section_bottom .agendaright TD SPAN { display: block; color: black; font-family: georgia, times, serif; } #section_bottom .agendaright TD.left { vertical-align: top; } #section_bottom .agendaright TD.right SPAN.location { font-size: 12px; } #section_bottom .agendaright TD.right P { font-size: 12px; padding-bottom: 21px; padding-top: 0; } #section_bottom .agendaright TABLE TD.left { text-align: center; padding-right: 20px; padding-left:0; font-weight: bold; } #section_bottom .agendaright TABLE TD.right { border-bottom: 1px solid #327377; } #section_bottom .agendaright TABLE TD.last { border-bottom: 0; } #section_bottom .nieuwsleft .news_item { position: relative; top: 0; left: 0; padding: 21px 0; border-bottom: 1px solid #327377; } #section_bottom .nieuwsleft .news_item .date { position: relative; top: 0; left: 0; } #section_bottom .nieuwsleft .news_item .wrapper { overflow: hidden; } #section_bottom .nieuwsleft .news_item A.meerlink { float: right; margin-top: 14px; } #section_bottom .nieuwsleft .first { padding-top: 0; } #section_bottom .nieuwsleft .last { border: 0; } #section_bottom .nieuwsleft OL, #section_bottom .nieuwsleft UL { margin-bottom: 14px; } #section_bottom .nieuwsleft P {margin-bottom: 14px; } #section_bottom .nieuwsleft #pagination { width: 625px; } /*~~ HOME: Lid worden ~~*/ .uitleg_item H4 { margin-top: 28px; } #section_bottom .full_width .last { margin-bottom: 28px; } .column_lid_worden .header .image { width: 51px; height: 48px; background: url(../images/lid_icon.png) no-repeat right top; } /*~~ STUDIE: Rooster & Uitreksels ~~*/ #section_bottom .roosterleft .image { width: 55px; height: 50px; background: url(../images/rooster_icon.png) no-repeat right top; } #uitreksels .image { width: 47px; height: 49px; background: url(../images/uitreksels_icon.png) no-repeat right top; } #literatuur .image { width: 41px; height: 46px; background: url(../images/boeken_icon.png) no-repeat right top; } #rooster {width: 594px; height: 400px; border: 1px solid white; margin-bottom: 5px; margin-top: 5px; } #rooster .rooster_content { background: #f7f7ff url(../images/ringband.png) repeat-y 45% -19px; width: 580px; height: 384px; margin: 2px; padding: 6px 5px; position: relative; top: 0; left: 0; } #rooster .rooster_content .week_indicator { position: absolute; top: 6px; left: 245px; text-align: center; width: 100px; color: #4e6e6e;} #rooster .rooster_left, #rooster .rooster_right { width: 245px; } #rooster .rooster_left { float: left; } #rooster .rooster_right { float: right; } #rooster .rooster_item { height: 125px; margin-bottom: 5px; color: #2b84a4; font-size: 12px; } #rooster .rooster_item .sub_item_spacer { height: 5px; } #rooster .rooster_right .rooster_item .rooster_date { text-align: right; } #rooster .rooster_item .rooster_date { color: #1c2828; border-bottom: 2px solid #ccccd2; margin-bottom: 7px; font-size: 14px; } #section_bottom .rooster_navigatie .vorige INPUT, #section_bottom .rooster_navigatie .volgende INPUT, #section_bottom .rooster_navigatie .naar_week #submit_week { background-color: transparent; border: none; color: #fdc114; font-size: 12px; font-family: verdana,sans-serif,Arial; } #section_bottom .rooster_navigatie .vorige INPUT:hover, #section_bottom .rooster_navigatie .volgende INPUT:hover, #section_bottom .rooster_navigatie .naar_week #submit_week:hover { color: #6dcede; cursor: pointer; } #section_bottom .rooster_navigatie .vorige INPUT { text-align: left; } #section_bottom .rooster_navigatie .volgende INPUT { text-align: right; } #section_bottom .rooster_navigatie { position: relative; top: 0; left: 0; } #section_bottom .rooster_navigatie .vorige { float: left; margin-top: -3px; } #section_bottom .rooster_navigatie .volgende { float: right; margin-top: -3px; } #section_bottom .rooster_navigatie .naar_week { position: absolute; top: 0; left: 234px; width: 140px; text-align: center; font-size: 12px; } #section_bottom .rooster_navigatie .naar_week INPUT.text {width: 15px; font-size: 10px; padding: 1px; } #section_bottom .rooster_navigatie .naar_week #submit {font-size: 10px; padding: 1px; } #section_bottom .link_info_master { margin-top: 76px; } #uitreksels { margin-bottom: 28px; } #section_bottom .right_top { padding: 0; margin-bottom: 21px; } #section_bottom .literatuurright P { margin-bottom: 14px; } #section_bottom .literatuurright .sub_header { margin-top: 28px; color: black; } #literatuur .literatuur_item { margin-bottom: 14px; } #literatuur .sub_header {margin: 0 !important; } /*~~ PROFIELEN: bedrijven & studenten ~~*/ #section_top_other { position: relative; top: 0; left: 0; width: 965px; border-top: 1px solid white; background: #186e72 url(../images/bloklijn_main.png) no-repeat left top; } #section_top_other .block { margin: 0; padding: 0; padding-bottom: 21px; } #section_top_other .content .image { width: 59px; height: 54px; background: url(../images/profielen_icon.png) no-repeat right top; } #section_bottom .vacatures .content .image, #section_bottom .vacature_only .image { width: 41px; height: 55px; background: url(../images/vacatures_icon.png) no-repeat right top; } #section_bottom .profiel_container { margin: 35px 0; } #section_bottom .profiel_container H4 { margin-bottom: 7px; } #section_bottom .profiel_container .image_id A { float: left; margin-right: 25px; } #section_bottom .profiel_container .image_id A IMG { border: 1px solid white; } #section_bottom .profiel_container .image_id A:hover IMG { border: 1px solid #fdc114; } #section_bottom .profiel_container .last { margin: 0; } #section_bottom .vacatures .profiel_container A, .sub_column_right .text A, .sub_column_left .text A { display: block; margin-left: 14px; text-indent: -14px; margin-bottom: 7px; } #section_bottom .vacatures .profiel_container A.last, .sub_column_right .text A.last, .sub_column_left .text A.last { margin-bottom: 0; margin-left: 14px !important; text-indent: -14px; } /*~~ PROFIELEN: OVERZICHT ~~*/ .profiel_item { width: 400px; float: left; margin-top: 30px; } #section_bottom .divider { display: block; width: 100%; height: 28px; border-bottom: 1px solid #327377; margin-left: 0px; } .profiel_item.right { float: right; } .profiel_item IMG { float: left; width: 122px; margin: 6px 28px 21px 0; border: 1px solid white; } .profiel_item H4 { font-size: 18px !important; margin-bottom: 5px; } .profiel_item .profiel_text .profiel_header { color: #60b6c4; } .profiel_item .meerLink { float: right; } .profiel_item .cvLink { margin-bottom: 8px; margin-top: -14px; } .profiel_item .cvLink A { font-size: 10px !important; color: #60b6c4; } .profiel_item .cvLink A:hover { color: #fdc114; } .profiel_item .cv_text { font-size: 10px; color: #88e4ff; } #pagination { text-align: center; width: 937px; margin-bottom: 21px; padding-top: 21px; } #pagination A { font-size: 14px !important; margin: 0 14px; } #pagination A.number { margin: 0 4px; } #pagination .pagination_other_left { float: left; margin: 0; } #pagination .pagination_other_right { float: right; margin: 0; } .vacature_only H4 { color: #fdc114 !important; margin-top: 5px; } .vacature_only H4.bottom { padding-top: 21px; margin-top: 21px; border-top: 1px solid #327377; } .vacature_only .pagination_border { border-top: 1px solid #327377; } .vacature_only .profiel_item_vacature { margin-bottom: 30px; } .vacature_only .profiel_item_vacature .date { padding-left: 22px; background: url(../images/agenda_icon_small.png) no-repeat left center; color: #60b6c4; } /*~~ PROFIELEN: DETAIL ~~*/ .sub_column_left, .sub_column_right { float: left; } .sub_column_left { width: 230px; margin-right: 35px; } .sub_column_right { width: 630px; } .sub_column_left IMG { margin-top: 8px; border: 1px solid white; } .contact_gegevens { font-size: 12px !important; } .contact_gegevens .contact_header { color: #60b6c4; margin-top: 14px; } .contact_gegevens P { margin-bottom: 14px; } .contact_gegevens .email { padding-left: 22px; background: url(../images/mail_icon_small.png) no-repeat left center; } .contact_gegevens .tel { padding-left: 22px; background: url(../images/phone_icon_small.png) no-repeat left center;} .contact_gegevens .extra_margin { margin-bottom: 14px; } .contact_gegevens A.orange, .contact_gegevens .cv_text { padding: 5px 0 5px 22px; background: url(../images/vacatures_icon_small.png) no-repeat left center; } .contact_gegevens .cv_text { color: #fdc114; } .sub_column_right H3 { font-size: 18px !important; margin-bottom: 28px; } .sub_column_right H3 SPAN { font-size: 14px; } .sub_column_right .text { margin-bottom: 28px; } .sub_column_right .text_last { margin-bottom: 56px; } .sub_column_right .sub_header { color: #60b6c4; margin: 14px 0; } .sub_sub_column { float: left; width: 296px; } .sub_sub_column_right { float: right; } .vacature_only .text H4 { color: black !important; margin-top: 5px; } .vacature_only .sub_sub_column { width: 200px; } .vacature_only .sub_sub_column_right { float: left; width: 400px; } /*~~ FOTOBOEK: fotos van activiteiten ~~*/ .column_forum { height: 323px; } .column_fotoboek_album { width: 720px !important; } .column_albums { width: 223px !important; } .column_fotoboek .uitleg_item P, .column_forum .uitleg_item P { margin-bottom: 66px; } .column_fotoboek .header .image { width: 52px; height: 49px; background: url(../images/photo_icon.png) no-repeat right top; } .column_forum .header .image { width: 59px; height: 56px; background: url(../images/forum_icon.png) no-repeat right top; } .column_albums .header .image { width: 64px; height: 42px; background: url(../images/album_icon.png) no-repeat right 5px; } .column_albums .sub_header { color: black; margin-top: 21px; } .column_albums A { margin-left: 14px; text-indent: -14px; display: block; margin-bottom: 7px; } #album_items { } #album_items LI { float: left; margin-right: 58px; margin-bottom: 58px; width: 140px; } #album_items LI.no_rmargin { margin-right: 0; } #album_items LI IMG { border: 1px solid white; } #album_items SPAN { display: block; font-size: 12px; } #album_items SPAN.datum { color: black;} #photobook_wrapper { position: relative; top: 0; left: 0; width: 605px; text-align: center; margin: 0 auto 24px auto; } #photoheader { margin-bottom: 10px; } #photoheader H4 { display: inline; color: #60b6c4; font-size: 16px; } #photoheader SELECT { position: absolute; top: 0; right: 0; } /*~~ BESTUUR: bestuur & commissies ~~*/ #section_bottom .column_bestuur .image { width: 48px; height: 51px; background: url(../images/bestuur_icon.png) no-repeat right top; } #section_bottom .column_commissies .image { width: 58px; height: 54px; background: url(../images/commissies_icon.png) no-repeat right top; } .column_bestuur .text P, .column_commissies .text P { margin-bottom: 14px; } .column_commissies .sub_header, .column_bestuur .sub_header { color: black; margin-top: 28px; } .column_commissies .first, .column_bestuur .first { margin: 0; } .column_bestuur P.smalltxt { font-size: 10px; } .column_bestuur IMG { border: 1px solid white; display: block; margin: 0 auto; } /* ---------------------------------------------------------------------------------------------------------------------------------- */ /*##~~ WIDGEDITOR~~##*/ /****************************************************************************** ** STRUCTURE OF DYNAMICALLY CREATED ELEMENTS ******************************************************************************* ** **
** ** ** **
*/ /* TOOLBAR BUTTONS */ .widgToolbar a { display: block; width: 30px; height: 30px; overflow: hidden; background-repeat: no-repeat; text-indent: -1000em; text-decoration: none; } .widgToolbar a:hover { background-position: 0 -30px; } .widgToolbar a:active{ margin-top: 2px; margin-left: 2px; background-position: 0 -60px; } .widgToolbar li.on a, .widgToolbar li.on a:hover { background-position: 0 -60px; } .widgToolbar li.widgEditButton { background-image: url(../images/widgeditor/widgeditor_button_shadow.gif); background-repeat: no-repeat; background-position: bottom right; } .widgButtonBold { background-image: url(../images/widgeditor/widgeditor_button_bold.gif); } .widgButtonHTML { background-image: url(../images/widgeditor/widgeditor_button_html.gif); } .widgButtonImage { background-image: url(../images/widgeditor/widgeditor_button_image.gif); } .widgButtonItalic { background-image: url(../images/widgeditor/widgeditor_button_italic.gif); } .widgButtonLink { background-image: url(../images/widgeditor/widgeditor_button_link.gif); } .widgButtonOrdered { background-image: url(../images/widgeditor/widgeditor_button_ordered.gif); } .widgButtonUnordered { background-image: url(../images/widgeditor/widgeditor_button_unordered.gif); } .widgSource a { background-image: url(../images/widgeditor/widgeditor_button_empty.gif); cursor: default; } .widgSource li.on a, .widgSource li.on a:hover { background-position: 0 0; } .widgSource .widgButtonHTML { background-image: url(../images/widgeditor/widgeditor_button_html.gif); } .widgSource .widgButtonHTML:hover { cursor: pointer; } /* TOOLBAR */ .widgToolbar { list-style: none; background-color: green; width: 100%; height: 48px; margin: 0; padding: 0 0 0 2px; border: 1px solid #CCCCCC; background-image: url(../images/widgeditor/widgeditor_toolbar_bg.gif); background-repeat: repeat-x; } * html .widgToolbar { width: auto; } .widgToolbar li { display: inline; float: left; clear: none !important; width: 32px; height: 32px; margin-top: 9px; margin-left: 7px; line-height: 30px; } .widgToolbar SELECT { position: relative; top: 4px; left: 32px; width: 65px !important; } /* EDITING AREA */ .widgIframe { clear: left; width: 100%; height: 400px; border-top-width: 1px; background-color: #21767a; font: 12px/1 verdana,sans-serif,Arial; border: 1px solid #548a8c; padding: 1px; } .widgContainer textarea.widgEditor { clear: left; width: 100%; height: 200px; border-top-width: 1px; padding: 0; } /* EDITOR CONTAINER */ .widgContainer { width: 450px; margin: 0 auto; } /* * jQuery UI screen structure and presentation * This CSS file was generated by ThemeRoller, a Filament Group Project for jQuery UI * Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com * Visit themeroller.com */ /*datepicker*/ /* Main Style Sheet for jQuery UI date picker */ #ui-datepicker-div, .ui-datepicker-inline { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; font-family: Verdana, Arial, sans-serif; background: #ffffff; font-size: 12px; border: 4px solid #d3d3d3; width: 220px; padding: 30px 6px 6px 6px; position: relative; } .ui-datepicker-div { z-index: 9999; /*must have*/ display: none; background: #ffffff; } .ui-datepicker-inline { float: left; display: block; } .ui-datepicker-control { display: none; } .ui-datepicker-today { background: #fcc !important; } .ui-datepicker-current-day { background: #999 !important; } .ui-datepicker-next, .ui-datepicker-prev { position: absolute; left: .5em; top: .5em; background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; } .ui-datepicker-next { left: 14.6em; } .ui-datepicker-next:hover, .ui-datepicker-prev:hover { background: #dadada url(../images/jquery_theme/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x; } .ui-datepicker-next a, .ui-datepicker-prev a { text-indent: -999999px; width: 1.3em; height: 1.4em; display: block; font-size: 1em; background: url(../images/jquery_theme/888888_7x7_arrow_left.gif) 50% 50% no-repeat; border: 1px solid #d3d3d3; cursor: pointer; } .ui-datepicker-next a { background: url(../images/jquery_theme/888888_7x7_arrow_right.gif) 50% 50% no-repeat; } .ui-datepicker-prev a:hover { background: url(../images/jquery_theme/454545_7x7_arrow_left.gif) 50% 50% no-repeat; } .ui-datepicker-next a:hover { background: url(../images/jquery_theme/454545_7x7_arrow_right.gif) 50% 50% no-repeat; } .ui-datepicker-prev a:active { background: url(../images/jquery_theme/222222_7x7_arrow_left.gif) 50% 50% no-repeat; } .ui-datepicker-next a:active { background: url(../images/jquery_theme/222222_7x7_arrow_right.gif) 50% 50% no-repeat; } .ui-datepicker-header select { border: 1px solid #d3d3d3; color: #555555; background: #e6e6e6; font-size: 1em; line-height: 1.4em; position: absolute; top: .5em; margin: 0 !important; } .ui-datepicker-header select.ui-datepicker-new-month { width: 7em; left: 2.2em; } .ui-datepicker-header select.ui-datepicker-new-year { width: 5em; left: 9.4em; } table.ui-datepicker { width: 15.5em; text-align: right; } table.ui-datepicker td a { padding: .1em .3em .1em 0; display: block; color: #555555; background: #e6e6e6; cursor: pointer; border: 1px solid #ffffff; } table.ui-datepicker td.ui-datepicker-current-day a { border: 1px solid #555555; } table.ui-datepicker td.ui-datepicker-today a { background-color: #cbcbcb; font-weight: bold; } table.ui-datepicker td a:hover { border: 1px solid #999999; color: #212121; background: #dadada; } table.ui-datepicker td a:active { border: 1px solid #dddddd; color: #222222; background: #ffffff; } table.ui-datepicker .ui-datepicker-title-row td { padding: .3em 0; text-align: center; font-size: .9em; color: #222222; text-transform: uppercase; /*border-bottom: 1px solid #d3d3d3;*/ } table.ui-datepicker .ui-datepicker-title-row td a { color: #222222; }