html {
background:#fff;
background: url(/files/images/body-bg.png) no-repeat fixed top;
OVERFLOW-Y: scroll
}
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 11px/140% Verdana, Helvetica, Arial, sans-serif; COLOR: #000; PADDING-TOP: 0px;
min-width:958px;
}
.clearfix:unknown {
CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}
* HTML .clearfix {
HEIGHT: 1%
}
.clear {
CLEAR: both
}
A {
CURSOR: hand; COLOR: #000; TEXT-ALIGN: left; TEXT-DECORATION: none;
}
A:hover {
COLOR: #c60035
}
#column A {
COLOR: #c60035;
}
#column A:hover {
COLOR: #c60035; TEXT-DECORATION: underline
}
A:focus {
outline: 0
}
.readmore {
DISPLAY: block; PADDING-LEFT: 10px; BACKGROUND: url(/files/images/bullet_smallbox.jpg) no-repeat left 5px; MARGIN: -5px 0px 15px
}
.readmore A {
COLOR: #c60035
}
.readmore A:hover {
PADDING-RIGHT: 20px; BACKGROUND: url(/files/images/readmore.jpg) no-repeat right center; COLOR: #c60035
}
#content IMG {
BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #cccccc 1px solid;
margin: 10px 10px 10px 10px;
}
IMG.left {
FLOAT: left; MARGIN: 4px 10px 0px 0px
}
.threecol IMG.left {
FLOAT: left; MARGIN: 4px 5px 0px 0px
}
IMG.right {
FLOAT: right; MARGIN: 4px 0px 0px 10px
}
UL.bullets {
MARGIN-BOTTOM: 10px
}
UL.bullets LI {
PADDING-LEFT: 10px; BACKGROUND: url(/files/images/bullet_smallbox.jpg) no-repeat left 5px; MARGIN-LEFT: 25px
}
/*-----------------------------------------------------------------------------
Global Layout
-----------------------------------------------------------------------------*/
#container {
MARGIN: 0px auto; WIDTH: 850px; TEXT-ALIGN: left;
}
#header {
WIDTH: 850px; PADDING-TOP: 10px; HEIGHT: 135px
}
#slideshow {
DISPLAY: block; MARGIN: 0px 0px 15px opx; OVERFLOW: hidden; WIDTH: 850px; HEIGHT: 215px; BACKGROUND-COLOR: #fff;
}
#slideshow IMG {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#beeldmerk {
FLOAT: left; WIDTH: 85px; HEIGHT: 120px
}
#wrapper {
DISPLAY: inline; WIDTH: 850px;
/*BACKGROUND-COLOR: #ffffff*/
}
#content {
WIDTH: 850px
}
/* -----------------------------------------------------------------------------
Top Navigatie
-----------------------------------------------------------------------------*/
#topnavbox{
FLOAT: right; MARGIN: 0px; WIDTH: 760px; HEIGHT: 102px
}
#topnav {
FONT-SIZE: 10px; FLOAT: right; WIDTH: 700px; COLOR: #a09e94; TEXT-ALIGN: right
}
#topsize {
FLOAT: left; WIDTH: 60px; COLOR: #a09e94; TEXT-ALIGN: left
}
#topnav A {
PADDING-LEFT: 5px; COLOR: #000
}
#searchform {
CLEAR: both; MARGIN-TOP: 15px; Z-INDEX: 100; FLOAT: right; VISIBILITY: visible
}
#searchform INPUT.textfield {
BORDER-RIGHT: #a09e94 1px dashed; BORDER-TOP: #a09e94 1px dashed; FONT-SIZE: 12px; VERTICAL-ALIGN: top; BORDER-LEFT: #a09e94 1px dashed; WIDTH: 150px; COLOR: #b1b0a7; BORDER-BOTTOM: #a09e94 1px dashed
}
/* -----------------------------------------------------------------------------
Navbar
-----------------------------------------------------------------------------*/
#catnav {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px;
DISPLAY: block; MARGIN: 0px; FONT: bold 11px Verdana, Helvetica, Arial, sans-serif;
TEXT-TRANSFORM: uppercase; COLOR: #000; TEXT-ALIGN: left;
}
#catnav A:hover {
COLOR: #c60035
}
#navbar {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;
MARGIN: 0px; FLOAT: right; FONT: bold 11px/140% Verdana, Helvetica, Arial, sans-serif; TEXT-TRANSFORM: uppercase;
WIDTH: 760px; COLOR: #c60035; PADDING-TOP: 0px; TEXT-ALIGN: right;
}
#navbar UL LI A:link {
DISPLAY: inline; PADDING-LEFT: 12px; COLOR: #c60035; TEXT-DECORATION: none
}
#navbar UL LI A:visited {
DISPLAY: inline; PADDING-LEFT: 12px; COLOR: #c60035; TEXT-DECORATION: none
}
#navbar UL LI A:hover {
TEXT-DECORATION: overline
}
#navbar UL LI A.current {
TEXT-DECORATION: overline
}
#navbar UL LI {
PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#navbar UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#footer {
CLEAR: both; BACKGROUND: center top; MARGIN: auto; WIDTH: 850px; COLOR: #e5e4e1; HEIGHT: 57px
}
/*-----------------------------------------------------------------------------
One column page
-----------------------------------------------------------------------------*/
.onecol #contenttop {
PADDING-TOP: 0px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px;
BORDER-TOP: #e5e4e1 1px solid; BORDER-BOTTOM: #e5e4e1 1px solid;
MARGIN: 0px 0px 15px;
WIDTH: 850px; HEIGHT: 60px;
}
.onecol #column {
CLEAR: none; DISPLAY: inline; POSITION: relative;
PADDING-TOP: 0px; PADDING-RIGHT: 28px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px;
MARGIN-RIGHT: 0px;
FLOAT: left; WIDTH: 700px;
TEXT-ALIGN: justify;
}
/*-----------------------------------------------------------------------------
Two column page
-----------------------------------------------------------------------------*/
.twocol #contenttop {
PADDING-RIGHT: 0px; BORDER-TOP: #e5e4e1 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 15px; WIDTH: 850px; PADDING-TOP: 0px; BORDER-BOTTOM: #e5e4e1 1px solid; HEIGHT: 60px;
}
.twocol #column {
CLEAR: none; PADDING-RIGHT: 28px; DISPLAY: inline; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 610px; MARGIN-RIGHT: 0px; PADDING-TOP: 0px; POSITION: relative; TEXT-ALIGN: justify:
}
/* -----------------------------------------------------------------------------
Three column page
-----------------------------------------------------------------------------*/
.threecol #column {
PADDING-RIGHT: 18px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 300px; MARGIN-RIGHT: 0px; PADDING-TOP: 0px; POSITION: relative; TEXT-ALIGN: justify;
}
#partners {
HEIGHT: 125px;
}
/* -----------------------------------------------------------------------------
Sidebar
-----------------------------------------------------------------------------*/
#sidebar {
FONT-SIZE: 10px; FLOAT: right; WIDTH: 210px
}
* HTML #sidebar {
FONT-SIZE: 10px; FLOAT: right; WIDTH: 195px
}
#nieuws {
PADDING-BOTTOM: 15px
}
#vacatures {
PADDING-BOTTOM: 15px
}
#snelmenu{
PADDING-BOTTOM: 5px
}
#breadcrumbs {
PADDING-BOTTOM: 15px
}
#relatedcontent {
PADDING-BOTTOM: 15px
}
#sidebar_box {
PADDING-BOTTOM: 15px
}
#overons {
PADDING-BOTTOM: 15px
}
#sidebar_box_extended {
PADDING-BOTTOM: 15px
}
#test {
PADDING-BOTTOM: 15px
}
#diensten {
MARGIN-TOP: 15px
}
#sidebar #nieuws .item {
DISPLAY: block; WIDTH: 210px
}
#sidebar #nieuws H3 {
DISPLAY: block; FLOAT: left; WIDTH: 190px; POSITION: relative; HEIGHT: 24px
}
#sidebar #nieuws .rssfeed {
DISPLAY: block; FLOAT: left; BACKGROUND-IMAGE: url(/files/images/rss-icon.jpg); MARGIN: 4px 0px; WIDTH: 16px; BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 16px
}
#sidebar #nieuws .item SPAN.date {
FLOAT: left; WIDTH: 40px; COLOR: #c60035
}
#sidebar #nieuws .item A {
PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 160px; PADDING-TOP: 0px
}
#sidebar #nieuws .item A:hover {
BACKGROUND-COLOR: #ea8977; COLOR: #fff
}
#sidebar #vacatures UL LI A {
DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND: url(/files/images/bullet_arrows.jpg) no-repeat left 5px
}
#sidebar #vacatures UL LI A:hover {
COLOR: #c60035
}
#sidebar #overons UL LI A {
DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND: url(/files/images/bullet_box.jpg) no-repeat left center
}
#sidebar #overons UL LI A:hover {
COLOR: #c60035
}
#sidebar #relatedcontent UL LI A {
DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND: url(/files/images/bullet_arrows.jpg) no-repeat left 5px
}
#sidebar #relatedcontent UL LI A:hover {
COLOR: #c60035
}
#sidebar #sidebar_box UL LI A {
DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND: url(/files/images/bullet_arrows.jpg) no-repeat left 5px
}
#sidebar #sidebar_box_extended UL LI A {
DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND: url(/files/images/bullet_arrows.jpg) no-repeat left 5px
}
#sidebar #sidebar_box UL LI A:hover {
COLOR: #c60035
}
#sidebar #sidebar_box_extended UL LI A:hover {
COLOR: #c60035
}
#sidebar #breadcrumbs {
}
#login {
PADDING: 5px; BACKGROUND-COLOR: #ea8977;
}
#login INPUT.textfield {
VERTICAL-ALIGN: top; WIDTH: 120px; COLOR: #a09e94;
BORDER-RIGHT: #a09e94 1px dashed;
BORDER-TOP: #a09e94 1px dashed;
BORDER-LEFT: #a09e94 1px dashed;
BORDER-BOTTOM: #a09e94 1px dashed
BACKGROUND-COLOR: #fff
}
/* -----------------------------------------------------------------------------
Page Titles
-----------------------------------------------------------------------------*/
#contenttop H1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 28px; PADDING-BOTTOM: 15px; MARGIN: 0px; COLOR: #c60035; PADDING-TOP: 32px; TEXT-DECORATION: none;
}
/*#contenttop H1 A {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 28px; PADDING-BOTTOM: 15px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 32px; TEXT-DECORATION: none
}*/
/* -----------------------------------------------------------------------------
Entries
-----------------------------------------------------------------------------*/
.newsitem {
MARGIN: 0px 0px 10px
}
P {
MARGIN: 0px 0px 10px
}
blockquote {
FONT-SIZE: 12px; MARGIN: 10px 10px 10px 10px; LINE-HEIGHT: 20px; FONT-FAMILY: Arial, sans-serif; background-color: #fff;
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 10px; PADDING-TOP: 5px;
border-left: 4px solid #e5e4e1; border-top: 1px solid #e5e4e1; border-right: 1px solid #e5e4e1 ; border-bottom: 1px solid #e5e4e1;
}
DIV.colofon {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BACKGROUND-COLOR: #c60035
}
/* -----------------------------------------------------------------------------
Zoekresultaten
-----------------------------------------------------------------------------*/
.searchresults#column .entry H4 {
PADDING-RIGHT: 0px; PADDING-LEFT: 15px; BACKGROUND: url(/files/images/bullet_box.jpg) no-repeat left 5px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 10px; PADDING-TOP: 0px
}
.searchresults#column .entry .resulttext {
MARGIN: 0px 0px 10px 25px
}
/* Headings
-----------------------------------------------------------------------------*/
H3 {
MARGIN: 0px 0px 5px; FONT: 16px/24px Arial,Helvetica,sans-serif; BORDER-BOTTOM: #c60035 1px solid; LETTER-SPACING: 0px
}
#column H3 {
COLOR: #c60035
}
H3 A {
COLOR: #c60035
}
H3 A:hover {
COLOR: #c60035
}
DIV.form P {
MARGIN: 0px 0px 4px
}
SPAN.label {
DISPLAY: inline-block; WIDTH: 120px
}
INPUT.verplicht {
BACKGROUND-COLOR: #ecd3be
}
/* -----------------------------------------------------------------------------
Footer
-----------------------------------------------------------------------------*/
#footer A {
PADDING-LEFT: 5px; COLOR: #a09e94
}
#footer .linksleft {
BORDER-TOP: 1px solid; FLOAT: left; WIDTH: 525px; PADDING-TOP: 20px; HEIGHT: 57px
}
#footer .linksright {
BORDER-TOP: 1px solid; FLOAT: right; WIDTH: 325px; PADDING-TOP: 20px; HEIGHT: 57px
}
#footer DIV.linksleft SPAN {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 450px; PADDING-TOP: 0px; HEIGHT: 57px; TEXT-ALIGN: left
}
#footer DIV.linksright SPAN {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 300px; PADDING-TOP: 0px; HEIGHT: 57px; TEXT-ALIGN: right
}
/*
-----------------------------------------------------------------------------*/
.editbox {
FLOAT: left; POSITION: relative; TOP: -50px
}
* HTML #sidebar #vacatures UL LI A {
DISPLAY: inline
}
* HTML #sidebar #nieuws UL LI A {
DISPLAY: inline
}
* HTML #sidebar #over UL LI A {
DISPLAY: inline
}
* HTML #sidebar #sidebar_box UL LI A {
DISPLAY: inline
}
* HTML #sidebar #sidebar_box_extended UL LI A {
DISPLAY: inline
}
/*-----------------------------------------------------------------------------
Rightcolumn jQuery menu
-----------------------------------------------------------------------------*/
#sidebar #menu ul li{
display: block;
padding-left: 15px;
background: url(/files/images/bullet_box.jpg) no-repeat left top;
}
#sidebar #menu A:hover {
color: #c60035
}
#sidebar #menu ul li ul li {
display: block;
padding-left: 15px;
background: url(/files/images/bullet_arrows.jpg) no-repeat left 5px;
}
/* -----------------------------------------------------------------------------
Details jQuery
-----------------------------------------------------------------------------*/
ul.menu_ext li #drop {
padding-left: 10px;
background: url(/files/images/bullet_smallbox.jpg) no-repeat left 5px;
padding-bottom: 5px;
}
#drop {
color: #c60035
}
ul.menu_ext li ul li {
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
/*-----------------------------------------------------------------------------
Colorbox
-----------------------------------------------------------------------------*/
#colorbox, #modalBackgroundOverlay, #modalWrap{position:absolute; top:0; left:0; z-index:9999;}
#modalBackgroundOverlay{position:fixed; width:100%; height:100%;}
#colorbox{overflow:hidden; padding:1px; margin-top:-1px; margin-left:-1px;}/*padding fixes a ghosting issue in IE7, the negative margin compensates */
#modalWrap{width:9000px; height:9000px;}
#modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {float:left; height:0; width:0; overflow:hidden;}
#borderMiddleLeft, #borderBottomLeft{clear:left;}
#modalContent{position:relative; overflow:visible;}
#contentTitle{margin:0;}
#modalClose, #contentPrevious, #contentNext{outline:none; cursor:pointer; border:0; margin:0;}
#modalLoadedContent{overflow:auto; width:0; height:0;}
#modalLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#modalLoadedContent img#modalPhoto{display:block; border:0; margin:auto;}
#modalLoadedContent embed{display:block; border:0;}/* Display:block removes the line-height gap underneath images, iframes, and embedded content */
#modalLoadingOverlay{position:absolute; width:100%; height:100%; top:0; left:0;}
{!-- #modalBackgroundOverlay{background:url(/files/images/colorbox/current/stripe.png) 0 0 repeat;} --}
#modalBackgroundOverlay{background: #ccc;}
#colorbox{}
#borderTopLeft{width:21px; height:21px; background:url(/files/images/colorbox/current/borderTopLeft.png) 0 0 no-repeat;}
#borderTopCenter{height:21px; background:url(/files/images/colorbox/current/borderTopCenter.png) 0 0 repeat-x;}
#borderTopRight{width:21px; height:21px; background:url(/files/images/colorbox/current/borderTopRight.png) 0 0 no-repeat;}
#borderBottomLeft{width:21px; height:21px; background:url(/files/images/colorbox/current/borderBottomLeft.png) 0 0 no-repeat;}
#borderBottomCenter{height:21px; background:url(/files/images/colorbox/current/borderBottomCenter.png) 0 0 repeat-x;}
#borderBottomRight{width:21px; height:21px; background:url(/files/images/colorbox/current/borderBottomRight.png) 0 0 no-repeat;}
#borderMiddleLeft{width:21px; background:url(/files/images/colorbox/current/borderMiddleLeft.png) 0 0 repeat-y;}
#borderMiddleRight{width:21px; background:url(/files/images/colorbox/current/borderMiddleRight.png) 0 0 repeat-y;}
#modalContent{background:#fff;}
#modalLoadedContent{margin-bottom:28px;}
#contentTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; background:#fff; font-weight:bold; color:#949494;}
#contentCurrent{position:absolute; bottom:3px; left:58px; font-weight:bold; color:#949494;}
#contentPrevious{position:absolute; bottom:0; left:0px; background:url(/files/images/colorbox/current/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#contentPrevious:hover{background-position:-25px -25px;}
#contentNext{position:absolute; bottom:0; left:27px; background:url(/files/images/colorbox/current/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#contentNext:hover{background-position:0px -25px;}
#modalLoadingOverlay{background:url(files/images/colorbox/current/loading.gif) center center no-repeat #fff;}
#modalClose{position:absolute; bottom:0; right:0; background:url(/files/images/colorbox/current/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#modalClose:hover{background-position:-50px -25px;}
/* -----------------------------------------------------------------------------
FORMS GENERAL
-----------------------------------------------------------------------------*/
input, textarea {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:11px/140%;
margin:0;
padding:0;
border: #cccccc 1px solid;
}
input:focus {
outline:none;
}
input.radio {
width:auto;
margin:0;
background:transparent;
}
input.field-input {
margin:2px 0 14px 0;
}
/* subsitute for fieldset b/c IE 6 doesnt like inputs wrapped within fieldsets */
input.wide, select.wide, textarea.wide {width:100%;}
select {
font-size:11px;
margin:0;
padding:0;
border: #cccccc 1px solid;
}
#msg {
color:#d00 !important;
margin: 10px 0 10px 0 !important;
padding-left:20px !important;
}