/* ELEMENTS */
html, body { background: #C0143C; margin: 0px; padding: 0px; padding-bottom: 2px; font-family: Verdana; font-size: 8pt; color: #575850; }
h1 { margin: 0px; color: #575852; font-size: 19.5pt; font-weight: normal; }
h2 { margin: 0px; color: #C2133A; font-size: 12pt; font-weight: normal; }
hr { border: 0; height: 1px; background-color: #C4C4C4; }
input, select { font-size: 8pt; }
/* DEFAULT SELECTORS */
a img { border: none; }
.clearer { clear: both; }
.left-half { width: 52%; float: left; }
.right-half { width: 48%; float: right; }
.front-left { margin: 10px 0px 10px 16px; _margin-left: 4px; }
.front-right { width: 45%; margin-top: 15px; }
.temp-block { background-color:#D1E5F0; border: 1px solid White; float:left; height:67px; width:67px; position: relative; margin-left: 5px; margin-bottom: 5px; }
div.text ul { padding-left: 15px; margin-left: 0px; }
img.fade {
opacity: 0.5;
filter: alpha(opacity = 50);
width: 16px; /* stupid IE */
}
/* MAIN */
/* When changing the width value, change the width value of 'div.content', 'div.top-middle' and 'div.bottom-middle' with the same value */
div#wrapper { width: 880px; margin: 0px auto; position: relative; }
div#header { height: 38px; width: 100%; position: relative; }
img.header-guy { position: absolute; top: 0px; left: 128px; }
div#language { color: White; position: absolute; top: 2px; right: 23px; font-size: smaller; text-align: right; }
div#wrapper div#content { width: 824px; padding-left: 28px; background: White url('/img/frontend/corners/ml.jpg') repeat-y; }
div.main-top {
background-image: url('/img/frontend/backgrounds/main_top_bg.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
}
img.main-logo { vertical-align: top; left:34px; position:absolute; top:84px; }
img.main-guy { position: relative; left: 107px; *top: -5px; }
img.main-slogan { float: right; left: -42px; position: relative; top: 42px; z-index: 1; }
a.view-events { margin-left: 45px; }
img.small-guy-right { position: absolute; right: 52px; top: 57px; }
img.small-guy-right-leg { position: absolute; right: 83px; }
div.main-top-bottom { margin-top: 10px; }
div.main-top-left { float: left; width: 440px; height: 94px; margin-left: 5px; }
div.main-top-right { float: right; width: 365px; height: 94px; margin-right: 5px; }
/* BANNERS */
/* LEFT BANNER */
div.main-left-banner { background: url('/img/frontend/banners/banner_red_left.jpg') no-repeat; width: 100%; height: 100%; }
div.main-left-banner div.text { margin-left: 10px; float: left; width: 340px; }
div.main-left-banner span.title { color: #C0143C; font-size: 9pt; font-weight: bold; line-height: 12px; }
div.main-left-banner span.text { color: #FEFFFF; position: relative; top: 22px; }
div.main-left-banner-content { background: url('/img/frontend/banners/banner_red_repeat.jpg') repeat-x; margin-left: 6px; height: 100%; }
div.main-left-banner-content-cont { float: left; margin-top: 20px; margin-left: 5px; position: absolute; }
div.main-left-banner img.people { vertical-align: top; float: left; }
div.main-left-banner-right { background: url('/img/frontend/banners/banner_red_right.jpg') no-repeat 100% 0px; height: 100%; width: 100%; }
/* RIGHT BANNER */
div.main-right-banner { background: url('/img/frontend/banners/banner_gray_left.jpg') no-repeat; width: 100%; height: 100%; }
div.main-right-banner div.text { float: left; width: 345px; }
div.main-right-banner span.title { color: #61625C; font-weight: bold; font-size: 9pt; line-height: 12px; }
div.main-right-banner span.text { color: #FEFFFF; float: left; position:relative; top:22px; }
div.main-right-banner-content { background: url('/img/frontend/banners/banner_gray_repeat.jpg') repeat-x; margin-left: 6px; height: 100%; }
div.main-right-banner-content-cont { float: left; margin-top: 20px; margin-left: 5px; position: absolute; }
div.main-right-banner-right { background: url('/img/frontend/banners/banner_gray_right.jpg') no-repeat; height: 100%; width: 120px; float: right; }
a.read-more { display: block; float: right; margin-right: 5px; margin-top: 73px; }
/* BOTTOM MENU */
div.bottom-wrapper { width: 872px; margin: 0px auto; }
div.bottom-wrapper .left-half { width: 49%; margin-left: 2px; height: 100%; float: left; }
div.bottom-wrapper .right-half { width: 50%; margin-right: 1px; height: 100%; float: right; }
div.bottom-wrapper .top .left { background: url(/img/frontend/bottom_menu/tl.jpg); background-repeat: no-repeat; height: 9px; width: 24px; float: left; *margin-right: -3px; }
div.bottom-wrapper .top .middle { background: url(/img/frontend/bottom_menu/shadowt.jpg); background-repeat: repeat-x; height: 9px; }
div.bottom-wrapper .top .middle .right { background: url(/img/frontend/bottom_menu/tr.jpg); height: 9px; width: 24px; background-repeat: no-repeat; float: right; }
div.bottom-wrapper .middle .left { background: url(/img/frontend/bottom_menu/shadowl.jpg); background-repeat: repeat-y; height: 78px; width: 24px; float: left; *margin-right: -3px; }
div.bottom-wrapper .middle .middle { background: #56574F; height: 78px; width: 853px; *width: 832px; _width: 829px; }
div.bottom-wrapper .bottom .left { background: url(/img/frontend/bottom_menu/bl.jpg); background-repeat: no-repeat; height: 9px; width: 24px; float: left; }
div.bottom-wrapper .bottom .middle { background: url(/img/frontend/bottom_menu/shadowb.jpg); background-repeat: repeat-x; height: 9px; }
div.bottom-wrapper .bottom .right { background: url(/img/frontend/bottom_menu/br.jpg); height: 9px; width: 24px; background-repeat: no-repeat; float: right; }
div.bottom-wrapper .content { border-right: solid 2px #FFFFFF; height: 58px; float: left; padding: 10px; }
div.bottom-wrapper .title { font-size: 16px; color: #FEFEFE; }
div.bottom-wrapper .contact { width: 200px; }
div.bottom-wrapper .vacatures { width: 207px; }
div.bottom-wrapper .partners { width: 356px; *width: 359px; _width: 356px; }
div.bottom-wrapper .partners2 { width: 178px; *width: 181px; _width: 359px; }
div.bottom-wrapper .nieuws { width: 156px; }
div#disclaimer { color: white; float: right; margin-right: 34px; }
div#disclaimer a { color: white; text-decoration: none; }
div#login { color: white; float: left; margin-left: 34px; }
div#login a { color: white; text-decoration: none; }
/* CORNERS */
.top-left { float: left; }
.top-middle { background: url('/img/frontend/corners/tm.jpg') repeat-x 0px 100%; float: left; width: 824px; height: 23px; }
.top-right { float: right; }
.middle-right { background: White url('/img/frontend/corners/mr.jpg') repeat-y 100% 0px; }
.bottom-left { float: left; }
.bottom-middle { background: url('/img/frontend/corners/bm.jpg') repeat-x; float: left; width: 824px; height: 8px; }
.bottom-right { float: right; }
.bottom-left, .bottom-right { margin-top: -5px; }
.top-left img, .top-right img, .bottom-left img, .bottom-right img { display: block; }
/* ------------------------- RELATIE ------------------------- */
/* OVERWRITES */
div.main-top { min-height: 320px; _height: 320px; padding-bottom:10px; }
/* ELEMENTS */
a.back-button { left: 34px; position: absolute; top: 130px; }
div.looking-for-container { float: right; background: url(/img/frontend/backgrounds/search_for_bg.jpg); background-position: bottom; height: 150px; width: 235px; position:absolute; top:210px; left: 602px; }
div.looking-for-container .top { padding-top: 12px; padding-left: 12px; height: 41px; color: #C0143C; font-family: "Century Gothic"; font-weight: bold; line-height: 16px; font-size: 12pt; }
div.looking-for-container .bottom { padding-left: 12px; padding-top: 7px; *padding-top: 3px; height: 94px; overflow: hidden; }
div.looking-for-container div.input-container { float: left; width: 105px; }
div.looking-for-container select { border: solid 1px #979892; font-size: 10px; width: 206px; color: #4477AA; }
div.looking-for-container input { border: solid 1px #979892; font-size: 10px; height: 13px; width: 99px; color: #4477AA; margin-top: 3px; }
div.looking-for-container .send-btn { float: right; margin-right: 18px; margin-top: 2px; width: 83px !important; height: 25px !important; }
div.main-bottom div.description { float: left; margin-right: 9px; width: 197px; }
div.main-bottom div.description div.top { background: url('/img/frontend/backgrounds/description_bg_top.jpg') no-repeat; height: 11px; }
div.main-bottom div.description div.content { padding-left: 12px; background-color: #F4F4F4; }
div.main-bottom div.description div.text { color:#575850; font-size:11px; font-weight:400; line-height:15px; padding-right:11px; height: 298px; overflow: hidden; }
div.main-bottom div.description div.more-info { margin-top: 15px; }
div.main-bottom div.description div.bottom { background: url('/img/frontend/backgrounds/description_bg_bottom.jpg') no-repeat; height: 11px; }
div.main-bottom div.description img.read-more { float: right; margin-right: 12px; margin-top: -19px; }
div.main-bottom div.description div.title { color: #C0143C; font-family: "Century Gothic"; font-size: 15px; font-weight: 400; line-height: 18px; margin-bottom: 14px; padding-right: 20px; height: 45px; }
div.main-bottom div.news { float: left; margin-right: 9px; width: 100%; }
div.main-bottom div.news div.top { height: 11px; }
div.main-bottom div.news div.content { padding-left: 12px; background-color: #F4F4F4; }
div.main-bottom div.news div.text { color:#575850; font-size:11px; font-weight:400; line-height:15px; padding-right:11px; height: 100px; overflow: hidden; }
div.main-bottom div.news div.more-info { margin-top: 15px; }
div.main-bottom div.news div.middle { background-color: #F4F4F4; border: solid 1px #D0E5F0; border-top: 0px; border-bottom: 0px; padding: 18px 40px 12px 18px; position: relative; }
div.main-bottom div.news div.bottom { height: 11px; }
div.main-bottom div.news img.read-more { float: right; margin-right: 12px; margin-top: -19px; }
div.main-bottom div.news div.title { color: #C0143C; font-family: "Century Gothic"; font-size: 15px; font-weight: 400; line-height: 18px; margin-bottom: 14px; padding-right: 20px; }
/* ------------------------- CONTACT_DETAL ------------------------- */
/* OVERWRITES */
/* div#content { height: 580px; } */
/* ELEMENTS */
div.detail-panel { margin-left: 8px; _margin-left: 4px; width: 557px; }
div.detail-panel .top { background: url('/img/frontend/backgrounds/detailpanel_top.gif') no-repeat; height: 4px; width: 557px; }
div.detail-panel .bottom { background: url('/img/frontend/backgrounds/detailpanel_bottom.gif') no-repeat; height: 4px; width: 557px; }
div.detail-panel .middle { background: #F3F3F3; border: solid 1px #D0E5F0; border-top: 0px; border-bottom: 0px; padding: 18px 40px 12px 18px; position: relative; }
div.detail-panel .middle .title { font-family: "Century Gothic"; font-size: 15px; font-weight: 400; color: #C0143C; line-height: 18px; padding-bottom: 17px; }
div.detail-panel .middle .sub-title { font-family: "Century Gothic"; font-size: 11px; font-weight: 400; color: #575850; padding-bottom: 17px; }
div.detail-panel .middle .sub-title-red, div.detail-panel .middle .sub-title-red a { font-family: "Verdana"; font-size: 11px; font-weight: 400; color: #C0143C; line-height: 15px; padding-top: 10px; padding-bottom: 10px; }
div.detail-panel .middle .text { font-family: "Verdana"; font-size: 11px; font-weight: 400; color: #575850; line-height: 15px; min-height: 425px; height:auto !important; height:425px;}
div.small-detail { position:absolute; right:34px; _right: 29px; top:389px; width:247px; }
div.small-detail .top { background: url('/img/frontend/backgrounds/small_detailpanel_top.gif') no-repeat; height: 3px; width: 247px; }
div.small-detail .middle { height: 290px; *height: 295px; background: #F3F3F3; border-top: 0px; border-bottom: 0px; padding: 10px 15px 10px 18px; *padding-bottom: 4px; }
div.small-detail .bottom { background: url('/img/frontend/backgrounds/small_detailpanel_bottom.gif') no-repeat; height: 3px; width: 247px; }
div.small-detail .middle .title { font-family: "Century Gothic"; font-size: 15px; font-weight: 400; color: #C0143C; line-height: 18px; padding-bottom: 17px; }
div.small-detail .middle textarea { height: 95px; width: 219px; border: solid 1px #D1E5F0; color: #4477AA; font-size: 10px; font-family: "Verdana"; margin-bottom: 8px; }
div.small-detail .middle input { width: 219px; border: solid 1px #D1E5F0; margin-bottom: 10px; font-size: 10px; color: #4477AA; font-family: "Verdana"; }
div.small-detail .middle select { width: 219px; border: solid 1px #D1E5F0; margin-bottom: 20px; font-size: 10px; color: #4477AA; font-family: "Verdana"; }
/* ------------------------- RELATIE_DETAIL ------------------------- */
/* OVERWRITES */
/* ELEMENTS */
div.tabs-container { float: left; width: 558px; margin-top: 148px; *margin-top: 132px; }
div.tabs-container div.tabs-list { height: 20px; margin-right: 25px; margin-bottom: -1px; _margin-bottom: -4px; position: relative; }
div.tabs-container div.tabs-list .blue { height: 19px; font-size: 13px; font-weight: 400; font-family: "Century Gothic"; color: #C0143C; float: left; margin-right: 3px; }
div.tabs-container div.tabs-list .blue .left { height: 19px; width: 2px; float: left; background: url('/img/frontend/buttons/blue_tab_left.png') no-repeat; }
div.tabs-container div.tabs-list .blue .middle { height: 17px; background: #CFE5EF; padding: 2px 4px 0px 4px; text-align: center; float: left; }
div.tabs-container div.tabs-list .blue .right { height: 19px; width: 2px; float: left; background: url('/img/frontend/buttons/blue_tab_right.png') no-repeat; }
div.tabs-container div.tabs-list .gray { height: 19px; font-size: 13px; font-weight: 400; font-family: "Century Gothic"; color: #C0143C; float: left; margin-right: 4px; }
div.tabs-container div.tabs-list .gray .left { height: 20px; width: 3px; float: left; background: url('/img/frontend/buttons/gray_tab_left.gif') no-repeat; }
div.tabs-container div.tabs-list .gray .middle { height: 20px; background: #F4F4F4; border-top: solid 1px #D1E5F0; padding: 2px 4px 0px 4px; text-align: center; float: left; }
div.tabs-container div.tabs-list .gray .right { height: 20px; width: 3px; float: left; background: url('/img/frontend/buttons/gray_tab_right.gif') no-repeat; }
img.next-info { float:right;
margin-top:45px; }
/* gallery slider */
.sliderGallery {
overflow: hidden;
position: relative;
padding: 10px;
height: 200px;
width: 500px;
}
.sliderGallery ul {
position: absolute;
list-style: none;
overflow: none;
white-space: nowrap;
padding: 0;
margin: 0;
padding-top: 20px;
}
.sliderGallery ul li {
display: inline;
}
.handle {
position: absolute;
cursor: move;
top: 0;
z-index: 100;
height: 12px;
width: 500px;
}
span.slider-label {
font-size: 10px;
}
div.eventmiddle {
padding-top: 2px;
padding-left: 11px;
padding-right: 5px;
min-height: 450px;
height: 100% !important;
height: 450px;
}