/* 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;
}