/* RESET STYLE */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, input, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 16px; font-family: "MS Sans Serif", Geneva, sans-serif; vertical-align: baseline; text-align: left; text-decoration: none; list-style: none; } /* GENERAL*/ body{ background: #d5e8fa url(../img/body_bg.jpg) repeat-x; } .container{ width: 960px; margin: 0 auto; } #header{ height: 100px; } #featured{ height: 317px; } #content{ background: white; border: 1px solid #8ebbe3; width: 960px; border-radius: 4px; margin-top: 20px; display: inline-block; padding-bottom: 20px; } #footer{ height: 28px; width: 960px; padding: 12px 0 0 0; } /* HEADER*/ .logo{ width: 240px; height: 90px; float: left; } .logo a{ font-size: 24px; color: white; } .logo a img{ margin-top: 5px; } .logo h1{ font-size: 30px; color: orange; margin: 40px 0 0 0px; font-weight: bold; } .logo h1:hover{ text-decoration: underline; } ul.menu{ float: right; margin: 40px 0 0 0; } ul.menu li{ float: left; margin-left: 20px; } ul.menu li a{ color: white; padding: 10px; font-size: 15px; } ul.menu li a:hover{ color: #ff8400; } ul.menu li a.last_li{ padding-right: 0; } /* FEATURED*/ #featured{ width: 960px; height: 270px; text-align: center; } #gallery { position:relative; width: 950px; height: 260px; border: 5px solid #619bcb; } .pika-stage {position: relative; width: 960px; height:260px; } .pika-stage .pika-aniwrap, .pika-stage .main-image {position: absolute; top: 0; left: 0;} .pika-stage .pika-aniwrap{width:100%;} .pika-stage .pika-ani {position:relative;display: none;z-index:2;margin:0 auto;} .pika-stage img {border:0;height:100%;} #gallery .caption { position: absolute; background: rgba(255,132,0,0.75); font-size: 15px; color: rgba(255,255,255,0.60); padding: 5px 0 0 10px; bottom: 0; right: 10px; border-top: 1px solid #f2f5f9; width: 940px; height: 48px; font-weight: bold; } #gallery strong{ color: rgba(8,53,93,0.50); font-weight: bold; font-size: 18px; line-height: 24px; } .pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;} .pika-textnav, .pika-imgnav {display:none;} .pika-counter{display: none;} #pikame{display:none;} /* BREADCRUMBS*/ #breadcrumbs{ height: 38px; width: 960px; padding: 12px 0 0 0; } #breadcrumbs ul li{ float: left; margin-right: 10px; color: white; } #breadcrumbs ul li a{ color: white; font-size: 11px; } #breadcrumbs ul li a:hover{ color: #ff8400; } /* CONTENT*/ #content h2{ text-align: center; font-size: 26px; margin: 20px auto 10px auto; color: #054781; text-shadow: 1px 1px #dbdddf; } #content h3{ text-align: center; font-size: 16px; margin-bottom: 10px; color: #ef7406; text-shadow: 1px 1px #dbdddf; } #content p.intro{ font-size: 13px; color: #000; padding: 5px 60px 0 60px; text-align: justify; line-height: 20px; margin-bottom: 30px; } #content .block{ width: 380px; float: left; padding: 0 0 0 0; margin: 10px 0 30px 58px; } #content .block h4{ font-size: 16px; font-weight: bold; color: #054781; margin: 0 0 10px 2px; } table{ font-size: 12px; position: relative; z-index: 1; } table tr:hover{ color: #ef7406; cursor: default; } table tr:hover a{ color: #ef7406; cursor: pointer; } table a{ color: black; } td.first_data{ width: 120px; padding: 0 0 4px 0; } td.second_data{ width: 300px; position: relative; } td.second_data span{ position: absolute; display: block; left: -99999px; bottom: 20px; width: 348px; background: #022440; padding: 20px 20px 10px 20px; border-radius: 4px; text-decoration: none; cursor: default; border: 2px solid #ff8605; z-index: 100; } td.second_data span h5{ font-size: 18px; text-decoration: none; margin-bottom: 10px; text-align: center; font-weight: bold; line-height: 22px; } td.second_data span p{ text-align: justify; margin-bottom: 10px; } td.second_data a:hover span{ left: -116px; } a.more{ font-size: 12px; color: #03325c; text-decoration: underline; margin-left: 2px; } a.more:hover{ color: #EF7406; } #content .block .contact{ margin-top: 50px; float: left; width: 200px; } #content .block .contact p{ font-size: 12px; padding: 0 0 10px 3px; } #content .block .social_media{ margin-top: 50px; width: 160px; float: right; } .addthis_32x32_style{ padding-left: 36px; } .addthis_32x32_style a span{ margin-bottom: 5px; } .block p.aanbieding{ font-size: 12px; text-align: justify; margin-left: 2px; width: 400px; padding-top: 2px; height: 400px; } /* FOOTER*/ #footer ul{ text-align: center; margin-left: 200px; } #footer ul li{ float: left; color: #043765; font-size: 12px; margin-right: 40px; } #footer ul li a{ color: #043765; font-size: 12px; } #footer ul li a:hover{ color: #ff8400; } /* ABOUT PAGE*/ .kopje{ padding: 0 60px 40px 60px; } .kopje h4{ text-align: center; font-size: 15px; font-weight: bold; margin-bottom: 10px; color: #ef7406; text-shadow: 1px 1px #dbdddf; } .kopje p{ text-align: justify; font-size: 13px; color: #000; line-height: 18px; } /* PROGRAM PAGE*/ .day_program{ width: 380px; float: left; padding: 5px; margin: 0 0 10px 58px; border: 1px solid #fff; border-radius: 6px; } .day_program:hover{ border: 1px solid #035da9; background: #d5e8fa; border-radius: 6px; } .day_program h4{ font-size: 16px; font-weight: bold; color: #054781; margin: 0 0 10px 2px; } /* PARTNERS*/ .partner{ padding: 0 60px 40px 60px; clear: both; } .partner h4{ text-align: center; font-size: 15px; font-weight: bold; margin-bottom: 10px; color: #ef7406; text-shadow: 1px 1px #dbdddf; } .partner p{ text-align: justify; font-size: 13px; color: #000; line-height: 18px; } .partner p a{ float: left; } .partner p a img{ margin: 0 15px 10px 0; } /* CONTACT*/ form{ width: 416px; margin: 0 auto; padding: 30px 0; } form p{ text-align: center; } input, textarea { padding: 8px; border: solid 1px #8EBBE3; width: 200px; font-size: 13px; color: #EF7406; border-radius: 5px; background: #e9f3fd; } textarea { width: 400px; max-width: 400px; height: 150px; line-height: 150%; margin-bottom: 10px; font-size: 15px; font-family: "MS Sans Serif", Geneva, sans-serif; padding: 8px 12px; } form input{ margin-bottom: 20px; text-align: center; } input.send{ padding: 9px 25px; background: #EF7406; font-size: 15px; color: #03325c; cursor:pointer; text-align: center; border-radius: 5px; border: 1px solid #03325c; margin-top: 8px; } p.send input{ width: auto; } input.send:hover{ background: #03325c; color: #EF7406; border: 1px solid #EF7406; } .contact_sent{ width: 300px; height: 300px; margin: 0 auto; } .contact_sent p{ width: 300px; }