/* reset.css */
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;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* 8DABA8 -> 728482 */
/********************************
* GENERAL
********************************/
html{overflow-y:scroll;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
/********************************
* LAYOUT
********************************/
body{margin:0px; background:#ffffff; color:#3D3D3D; font:normal normal 12px/17px Trebuched,Arial,Helvetica;background-image:url('../images/topbg.jpg');background-repeat:repeat-x;}
#page{width:944px; margin:0px auto 20px;}
#language{height:22px;background-image:url('../images/flagbg.jpg');width:80px;padding-top:4px;margin-left:864px;text-align:center}
#header{position:relative; height:314px;background-image:url('../images/vuurwerk.jpg'); background-repeat:no-repeat}
#container{width:100%; float:left; min-height:500px; background-image:url(../images/fade.jpg); background-repeat:repeat-x; background-position:top;}
* html #container {height:500px;}
#side-left{float:left; width:230px; margin:60px 40px 10px 40px;}
#content{ margin:0; width:634px; float:left; padding:0px 0px;}
#footer{width:100%; background:#728482; clear:left; position:relative; height:43px;text-align:center;}
#footer-block{width:944px;text-align:center;}
/********************************
* GENERAL
********************************/
ul{list-style:none;}
/********************************
* HEADER
********************************/
#header h1 a{display:block;float:left; width:500px; height:195px; background:url(../images/Hendrickx_logo.jpg) 0 0 no-repeat; background-position:25px 35px;padding-bottom:60px;}
#header h1 a span{display:none;}
#header h2{position:relative;float:right; width:444px; height:195px;padding-bottom:60px; text-align:right}
#header h2 #top1{padding:0 0px; margin:50px 30px 0px 0; font-size:30px; font-weight:normal; color:#ffffff}
#header h2 #top2{padding:0 0px; margin:0px 30px 0px 0; font-size:55px;line-height:60px; font-weight:normal; color:#ffffff}
#header h2 #top3{padding:0 0px; margin:0px 30px 0px 0; font-size:40px;line-height:40px; font-weight:normal; color:#ffffff}
#header .menu{float:left;list-style:none; text-align:center; width:944px;background-image:url(../images/menubg.jpg); height:50px;border-top:solid 2px #333;border-bottom:solid 7px #728482}
#header .menu li{display:inline;height:50px}
.nl #header .menu li .about{float:left; height:14px; width:89px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.nl #header .menu li .shows{float:left; height:14px; width:66px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.nl #header .menu li .decors{float:left; height:14px; width:79px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.nl #header .menu li .faq{float:left; height:14px; width:51px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.nl #header .menu li .news{float:left; height:14px; width:51px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.nl #header .menu li .knokke{float:left; height:14px; width:136px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.nl #header .menu li .referenties{float:left; height:14px; width:107px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.nl #header .menu li .video{float:left; height:14px; width:117px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.nl #header .menu li .photo{float:left; height:14px; width:117px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.nl #header .menu li .contact{float:left; height:14px; width:117px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica;}
/* FRANS MENU */
.fr #header .menu li .about{float:left; height:14px; width:88px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.fr #header .menu li .shows{float:left; height:14px; width:65px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.fr #header .menu li .decors{float:left; height:14px; width:78px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.fr #header .menu li .faq{float:left; height:14px; width:50px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.fr #header .menu li .news{float:left; height:14px; width:50px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.fr #header .menu li .knokke{float:left; height:14px; width:155px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.fr #header .menu li .referenties{float:left; height:14px; width:102px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.fr #header .menu li .video{float:left; height:14px; width:111px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.fr #header .menu li .photo{float:left; height:14px; width:111px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.fr #header .menu li .contact{float:left; height:14px; width:111px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica;}
/*ENGELS MENU*/
.en #header .menu li .about{float:left; height:14px; width:88px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.en #header .menu li .shows{float:left; height:14px; width:65px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.en #header .menu li .decors{float:left; height:14px; width:78px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.en #header .menu li .faq{float:left; height:14px; width:50px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.en #header .menu li .news{float:left; height:14px; width:50px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.en #header .menu li .knokke{float:left; height:14px; width:135px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.en #header .menu li .referenties{float:left; height:14px; width:107px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.en #header .menu li .video{float:left; height:14px; width:116px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.en #header .menu li .photo{float:left; height:14px; width:116px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica; border-right:solid 1px #333}
.en #header .menu li .contact{float:left; height:14px; width:116px; padding:18px 0px;color:#ffffff; text-decoration:none;font:normal normal 14px/14px Trebuched,Arial,Helvetica;}
#header .menu li .about.selected,
#header .menu li .about:hover.selected,
#header .menu li .about:hover,
#header .menu li .shows.selected,
#header .menu li .shows:hover.selected,
#header .menu li .shows:hover,
#header .menu li .decors.selected,
#header .menu li .decors:hover.selected,
#header .menu li .decors:hover,
#header .menu li .faq.selected,
#header .menu li .faq:hover.selected,
#header .menu li .faq:hover,
#header .menu li .news.selected,
#header .menu li .news:hover.selected,
#header .menu li .news:hover,
#header .menu li .knokke.selected,
#header .menu li .knokke:hover.selected,
#header .menu li .knokke:hover,
#header .menu li .referenties.selected,
#header .menu li .referenties:hover.selected,
#header .menu li .referenties:hover,
#header .menu li .video.selected,
#header .menu li .video:hover.selected,
#header .menu li .video:hover,
#header .menu li .photo.selected,
#header .menu li .photo:hover.selected,
#header .menu li .photo:hover,
#header .menu li .contact.selected,
#header .menu li .contact:hover.selected,
#header .menu li .contact:hover{font-weight:bold; background-position:10px 13px; }
/********************************
* CONTAINER
********************************/
/** LEFT **/
#side-left h1,
#side-left h2,
#side-left h3,
#side-left h4,
#side-left h5,
#side-left h6 {clear:both; display:block; color:#333333;}
#side-left h1 a,
#side-left h1{padding:0 0px; margin:5px 0 5px 0; font-size:20px; line-height:30px; font-weight:normal; color:#333333;border-top:solid 1px #caeaf7;border-bottom:solid 1px #caeaf7}
#side-left h2{margin:0 0 2px 0; font-size:13px; line-height:20px; font-weight:bold; color:#666666;text-align:left}
#side-left h2 a{margin:0 0 0px 0; font-size:13px; line-height:20px; font-weight:bold; color:#666666; text-decoration:none}
#side-left h2 a:hover{margin:0 0 0px 0; font-size:13px; line-height:20px; font-weight:bold; color:#666666; text-decoration:underline}
#side-left h3{margin:0 0 2px 0; font-size:12px; line-height:20px; font-weight:normal; color:#666666;vertical-align:middle}
#side-left h3 a,
#side-left h4 a{font-size:12px; line-height:22px; font-weight:normal; color:#FFFFFF; font-weight:bold;text-decoration:none}
#side-left h3 a:hover,
#side-left h4 a:hover{font-size:12px; line-height:22px; font-weight:normal; color:#FFFFFF; font-weight:bold;text-decoration:none}
#side-left h4{padding:5px 5px 0 30px; margin:0 0 0px 0; font-size:12px; line-height:22px; font-weight:normal; color:#FFFFFF; font-weight:bold; background-image:url(../images/ballong.gif);background-position:10px 10px;background-repeat:no-repeat}
#side-left h5{padding:0 5px 5px 30px; margin:0 0 0px 0; font-size:10px; line-height:15px; font-weight:normal; color:#FFFFFF; font:arial;}
#side-left .left{padding:5px 5px 0 30px; margin:0 0 0px 0; font-size:12px; line-height:15px; font-weight:normal; color:#FFFFFF; font-weight:bold;}
#side-left .left li{padding:5px 5px 0 20px;background-image:url(../images/ballong.gif);background-position:1px 7px;background-repeat:no-repeat}
#side-left .next{padding:10px 0px 10px 30px;margin:0 0 0 0; font-size:24px; line-height:30px; font-weight:normal;color:#ffffff}
#side-left p{color:#728482; font:normal normal 12px/17px Arial,Helvetica;margin:0 0 10px 0;}
#side-left #tel{background-image:url('../images/telbg.jpg'); background-repeat:no-repeat;height:45px;width:185px;color:#ffffff;font:normal bold 12px/12px Arial,Helvetica;padding:11px 0px 0px 50px}
#side-left a{color:#333333;font:normal bold 12px/17px Arial,Helvetica;text-decoration:underline;}
#side-left a.nieuws{color:#728482; font:normal normal 12px/17px Arial,Helvetica;margin:0 0 25px 0;text-decoration:none}
/** CONTENT **/
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {clear:both; display:block; color:#333333;}
#content h1 a,
#content h1{padding:0 0px; margin:5px 0 5px 0; font-size:20px; line-height:30px; font-weight:normal; color:#333333;border-top:solid 1px #caeaf7;border-bottom:solid 1px #caeaf7}
#content h2{padding:15px 30px 10px 30px; margin:0 0 0 0; font-size:24px; font-weight:normal;color:#ffffff}
#content h3{padding:5px 5px 0 30px; margin:0 0 0px 0; font-size:12px; line-height:22px; font-weight:normal; color:#FFFFFF; font-weight:bold; background-image:url(../images/ballonb.gif);background-position:10px 10px;background-repeat:no-repeat}
#content h3 a,
#content h4 a{font-size:12px; line-height:22px; font-weight:normal; color:#FFFFFF; font-weight:bold;text-decoration:none}
#content h3 a:hover,
#content h4 a:hover{font-size:12px; line-height:22px; font-weight:normal; color:#FFFFFF; font-weight:bold;text-decoration:none}
#content h4{padding:5px 5px 0 30px; margin:0 0 0px 0; font-size:12px; line-height:22px; font-weight:normal; color:#FFFFFF; font-weight:bold; background-image:url(../images/ballong.gif);background-position:10px 10px;background-repeat:no-repeat}
#content h5{padding:0 5px 5px 30px; margin:0 0 0px 0; font-size:11px; line-height:19px; font-weight:normal; color:#FFFFFF; font:arial;}
#content h6{padding:0 5px 5px 0px; margin:0 0 0px 0; font-size:11px; line-height:19px; font-weight:normal; color:#FFFFFF; font:arial;}
#content .text16{padding:0px 10px 0px 0px; margin:0 0 0px 0; font-size:16px; font-weight:bold; color:#728482; font:arial;vertical-align:top}
#content p{padding:0px 0px; color:#728482; font:normal normal 12px/20px Trebuched,Arial,Helvetica;vertical-align:top;}
#content a{font:normal normal 12px/17px Verdana,Arial,Helvetica; color:#5F0000; text-decoration:none;}
#content a:hover{color:#5F0000; text-decoration:underline;}
#content ul{padding:0 15px 10px 15px; margin:0;}
#content ul li{margin:0 0 0 10px; list-style-type:circle}
#content ul.inline{padding:0 0 10px 0; margin:0;}
#content ul.inline li{margin:0 5px 0 5px; list-style:none; display:inline;}
#content a{font:normal bold 12px/17px Arial,Helvetica; color:#666666; text-decoration:underline;}
#content a:hover{color:#666666;text-decoration:none;}
#content a.meer{font:normal bold 11px/17px Arial,Helvetica; color:#ffffff; text-decoration:none;}
#content a.meer:hover{ text-decoration:underline;}
#content #ico{position:absolute;margin: 10px 10px 0px 580px;}
#content .titleFaq{padding:0px 0px; color:#666666; font:normal normal bold 14px/14px Trebuched,Arial,Helvetica;vertical-align:top;}
#container a.lnkButton{width:99px; height:22px; display:block; background:url(../images/btn1.gif) 0 0 no-repeat;
text-align:center; color:#ffffff; text-decoration:none; line-height:22px; font-size:10px;}
#container a.lnkButton:hover{ background:url(../images/btn2.gif) 0 0 no-repeat;}
#gallery
{
padding:10px 20px;
margin:15px 0;
border-top:solid 1px #caeaf7;border-bottom:solid 1px #caeaf7}
#gallery object{padding:30px 55px;}
#gallery img{padding:10px 15px;}
/********************************
* HOME
********************************/
#next {background-image:url(../images/bgnext.jpg); background-repeat:repeat-x; height:154px}
#past {background-image:url(../images/bgpast.jpg); background-repeat:repeat-x; height:154px}
#past2 {background-image:url(../images/bgpast.jpg); background-repeat:repeat-x; height:154px}
/********************************
* MESSAGES
********************************/
.errorBorder {padding:5px; margin:10px; background:#ffffff; border:solid 1px #c22c21; color:#c22c21;}
.messageBorder {padding:5px; margin:10px; background:#ffffff; border:solid 1px #26be26; color:#227722;}
.contactBorder {padding:5px; margin:0px; background:#ffffff; border:solid 1px #728482; color:#666666;font-size:12px;}
.errorContent {background:#fde2df; padding:10px; line-height:20px;}
.messageContent {background:#d6ffd6; padding:10px; line-height:20px;}
.contactContent {background:#e9f6fc; padding:10px; line-height:20px;}
.errorContent span {display:block; margin:0 0 0 15px;}
.messageContent span{display:block; margin:0 0 0 15px;}
.contactContent span{display:block; margin:0 0 0 15px;}
/********************************
* CONTACT
********************************/
.contact input,
.contact input.required{
margin:5px 0;
display:block;
width:450px;
border:1px solid #728482;
background:#ffffff;
height:15px;
}
.contact input.required{
background-color:#eeeeee;
}
.contact input:focus,
.contact textarea:focus
{
border-left:solid 1px #333333;
border-top:solid 1px #333333;
background:#ffffff;}
.contact textarea
{
margin:5px 0;
width:450px;
height:75px;
border:1px solid #728482;
overflow:hidden;
}
.contact .btn{
width:auto;
border:1px solid #fff;
background:url(../images/btn1.gif) 0 0 no-repeat;
line-height:22px;
width:102px;
height:24px;
cursor:pointer;
}
.contact .btn:hover{ background:url(../images/btn2.gif) 0 0 no-repeat;
}
/*************** GOOGLE MAPS ***************/
.googlemaps{width:564px; height:275px; border:solid 1px #999; margin:10px 10px 20px 0px;}
/********************************
* SITEMAP
********************************/
.sitemap{padding-top:10px; list-style:none;}
.sitemap li{display:block; line-height:20px; height:20px; color:#F2743F; background:url(../images/sitemap.png) -100px 0px no-repeat;}
.sitemap li a{color:#F2743F; line-height:20px; padding:2px 0px;}
.sitemap li a:hover{text-decoration:underline;}
.sitemap li.lev0F a, .sitemap li.lev0 a, .sitemap li.lev0L a{color:#ffffff; background:#F2743F; padding:2px 5px; text-transform:uppercase;}
.sitemap li.lev0F {background-position:0px 0px; padding:0 0 0 15px;}
.sitemap li.lev0 {background-position:0px -180px; padding:0 0 0 15px;}
.sitemap li.lev0L {background-position:0px -440px; padding:0 0 0 15px;}
.sitemap li.lev1F {background-position:0px 0px; padding:0 0 0 25px;}
.sitemap li.lev2F {background-position:0px -20px; padding:0 0 0 35px;}
.sitemap li.lev3F {background-position:0px -40px; padding:0 0 0 45px;}
.sitemap li.lev1S2 {background-position:0px -60px; padding:0 0 0 25px;}
.sitemap li.levS2 {background-position:0px -80px; padding:0 0 0 25px;}
.sitemap li.lev12S3{background-position:0px -100px; padding:0 0 0 35px;}
.sitemap li.levS3 {background-position:0px -120px; padding:0 0 0 35px;}
.sitemap li.lev1S3 {background-position:0px -140px; padding:0 0 0 35px;}
.sitemap li.lev1 {background-position:0px -180px; padding:0 0 0 25px;}
.sitemap li.lev12 {background-position:0px -200px; padding:0 0 0 35px;}
.sitemap li.lev2 {background-position:0px -220px; padding:0 0 0 35px;}
.sitemap li.lev3 {background-position:0px -240px; padding:0 0 0 45px;}
.sitemap li.lev13 {background-position:0px -260px; padding:0 0 0 45px;}
.sitemap li.lev23 {background-position:0px -280px; padding:0 0 0 45px;}
.sitemap li.lev123 {background-position:0px -300px; padding:0 0 0 45px;}
.sitemap li.lev123L{background-position:0px -320px; padding:0 0 0 45px;}
.sitemap li.lev13L {background-position:0px -340px; padding:0 0 0 45px;}
.sitemap li.lev23L {background-position:0px -360px; padding:0 0 0 45px;}
.sitemap li.lev3L {background-position:0px -380px; padding:0 0 0 45px;}
.sitemap li.lev12L {background-position:0px -400px; padding:0 0 0 35px;}
.sitemap li.lev2L {background-position:0px -420px; padding:0 0 0 35px;}
.sitemap li.lev1L {background-position:0px -440px; padding:0 0 0 25px;}
/********************************
* FOOTER
********************************/
/** MENU **/
.footer{font:normal normal 12px/15px Trebuched,Arial,Helvetica; color:#FFFFFF;padding-top:15px;padding-left:10px}
/** LINK WEBS **/
a.webs{font:normal normal 12px/15px Trebuched,Arial,Helvetica; color:#FFFFFF;padding-top:15px;text-decoration:none;}
a.webs:hover{text-decoration:underline; font-style:normal; font-weight:normal;}
/****************² LINKS **************/
#links{width:400px;}
#links ul{padding:0; margin:0; width: 100%;}
#links li{
border: 1px solid #999;
border-width: 1px 0;
margin: 5px 0 !important;
padding:0;
list-style:none !important;
}
#links li a{
color: #990000;
display: block;
font: bold 120% Trebuched, Helvetica, sans-serif;
padding: 5px;
text-decoration: none;
}
* html #links li a{width: 100%;}
#links li a:hover{background: #ffffcc; text-decoration:none;}
#links a em{
color: #333;
display: block;
font: normal 85% Trebuched, Arial, Helvetica, sans-serif;
line-height: 125%;
}
#links a span{
color: #b6b6b6;
font: normal 70% Trebuched, Arial, Helvetica, sans-serif;
line-height: 150%;
}