/* CSS Document */ /* KLEUREN : ZWART: #333333 WIT: #ffffff */ /* RESET */ * { margin: 0; padding: 0;} html, body { height: 100%; } body { font-size: 12px; font-family: Verdana, Arial, sans-serif; color: #000000; line-height:18px } input { font-family: Arial, Verdana, sans-serif; border:0; background:url(../img/sprite_formElements.png) top left no-repeat; border:none; } select { font-family: Arial, Verdana, sans-serif; border:0; background:url(../img/sprite_formElements.png) top left no-repeat; border:none;} textarea { font-family: Arial, Verdana, sans-serif; border:0; background:url(../img/sprite_formElements.png) top left no-repeat; border:none;font-size: 12px;} select option { background:#fff;} .checkBox { background:none;} ul { list-style: none outside; } ol { list-style: decimal inside; } a { color:#773366; outline: none; text-decoration: underline; } a:hover { color:#773366; text-decoration:underline; } a img { background: none; } a:active, a:focus { outline: 0; } img { border: none; } table { border-collapse: collapse; } p { padding-bottom:14px; } hr { display:none; } object { outline:none; } /* DEFAULTS */ .abs { position:absolute;top:0px;left:0px; } .ar { text-align:right; } #center { position:relative; } .hidden { display:none; } .clear { clear:both; } .fl { float:left;display:inline; } .fr { float:right; } .noborder { border:0px !important;background:none; } .rel { position:relative; } .errorbox { background-color:#cc6666; padding:3px; padding-left:5px; border:solid 1px #990000; margin-bottom:20px; color:#663333; } .successbox { background-color:#99bb33; padding:3px; padding-left:5px; border:solid 1px #773366; margin-bottom:20px; color:#773366; font-weight:bold; } h3 {color:#fff; font-size:16px; font-weight:bold;} /*GLOBAL SITE CSS*/ .ABtn {display:block; background:url(../img/sprite_buttons.png) top left no-repeat;cursor:pointer;} .ABtn.hidetext {text-indent:-9999px;} .icon {background:url(../img/sprite_buttons.png) left top no-repeat;} BLOCKQUOTE { display:none; } span.lbl {display:block; height:30px; width:110px; line-height:20px; float:left;} span.lbl.fitHeight {height:auto !important;} span.lbl.fitWidth {width:auto !important;} span.lbl.bold {font-weight:bold;} span.lbl.noWidth {width:auto;} span.lbl.purple {color:#773366;} span.lbl.green {color:#99bb33;} span.lbl.clrfl {clear:left;} span.lbl.martop5 {margin-top:5px;} span.lbl.martop10 {margin-top:10px;} span.lbl.martop15 {margin-top:15px;} .lbl.disabled {color:#666666} span.lbl.size11 {font-size:11px;} .lbl.lbl130 {width:130px;} textArea { display:block; float:left;} textArea.bigArea { background-position:0px -40px; width:290px; height:100px; } textArea.smallArea { width:280px; height:75px; background-position:-160px -125px; } /*INPUT FIELDS*/ label.martop5 { margin-top:5px;} label.martop10 { margin-top:10px;} .martop15 { margin-top:15px;} label.inputSmall { display:block; width:150px; height:20px; float:left;} label.inputSmall input { width:150px; height:18px; line-height:20px; background:#fff;} label.inputSmall.wrong input { } label.inputSmall.correct input { } label.inputSmall.focus input { } label.inputSmall select { display:block; width:160px; background-position:0 0; float:left; } span.inputSmall input { width:145px; padding-left:5px; } label.inputNormal { display:block; width:200px; height:40px; float:left;} label.inputNormal input { width:200px; height:20px; line-height:20px; background:#fff;} label.inputNormal.wrong input { } label.inputNormal.correct input { } label.inputNormal.focus input { } label.inputNormal select { display:block; width:200px; background-position:0 0; float:left; } label.inputNormal.fitHeight { height:auto;} .inputRadio { display:block; width:15px; height:15px; float:left; line-height:20px; } .inputRadio input { margin:19px 0 0 0 ; float:left; background:none} .inputBig { display:block; width:290px; height:40px; float:left;} .inputBig input { width:290px; height:20px; padding-left:3px; background-position:0 0px;} .inputBig.wrong input { background-position:0 0px;} .inputBig.correct input { background-position:0 0px;} .inputBig.focus input { background-position:0 0px;} .inputBig.disabled input { background-position:0 -20px;} .inputBig select { display:block; width:291px; height:20px; background-position:0 0; float:left; } label.clrfl {clear:left;} a.purpleBold {color:#773366; font-weight:bold;} a.purpleBold:hover {text-decoration:none;} a.greenBold {color:#99bb33; font-weight:bold;} a.greenBold:hover {text-decoration:none; color:#00aff4;} .ABtn.martop { margin-top:20px !important; } .zoeken {width:20px; height:20px; text-indent:-9999px; margin-left:10px;} .zoeken:hover {width:20px; height:20px; text-indent:-9999px; background-position:-20px 0;} .prevArrow {background-position:-0px -22px; width:15px; height:15px; float:left; margin-top:2px;} .nextArrow {background-position:-15px -22px; width:15px; height:15px; float:left; margin:2px 0 0 10px;} .readmore {float:left; margin-top:10px;} .readmore.fitheight {margin:0;} .readmore.marLeft10 {margin-left:10px;} .iconPDF {width:15px; height:15px; background-position:-20px -37px; float:left; margin-top:2px;} .iconVink {width:15px; height:15px; background-position:-53px -24px; float:left; margin-top:2px;} .line {height:20px; border-bottom:1px solid #d3d8db; margin-bottom:15px; } /* HEADER */ #header { text-align:center; width:960px; height:193px; background:url(../img/header.png) top left no-repeat; margin:0 auto; position:absolute; left:50%; margin-left:-480px; z-index:1;} #header .leftMenu { margin:133px 0 0 0; } #header .menu li { display:inline; float:left; border:1px solid white; border-bottom:none; cursor:pointer; background:url(../img/mainMenuSeperator.gif) right 8px no-repeat;} #header .menu li.first { display:inline; float:left; border:1px solid white; border-left:1px solid #fff; border-bottom:none; cursor:pointer; background:url(../img/mainMenuSeperator.gif) right 8px no-repeat;} #header .menu li.last { background:none} #header .menu li.hideBorder { background:none} #header .menu li:hover { border:1px solid #99bb33; border-bottom:none; background:none} #header .menu li.active { border:1px solid #99bb33; border-bottom:none; background:none} #header .menu li.first:hover { border:1px solid #99bb33; border-left:1px solid #fff; border-bottom:none; background:none} #header .menu li.first.active { border:1px solid #99bb33; border-left:1px solid #fff; border-bottom:none; background:none} #header .menu li div { margin:0 8px 0 8px; height:25px; line-height:25px;} #header .menu li.first div { margin:0 8px 0 0; height:25px; line-height:25px;} #header .menu a {text-decoration:none;} #header .menu a:hover {text-decoration:none;} #header .rightMenu { margin:133px 0 0 0; } .flashSplash {position:absolute; z-index:2; width:100%; height:800px; left:0; top:0;} /* CONTENT COLUMN */ #content {width:1000px; margin-top:200px; float:left; position:absolute; left:50%; margin-left:-500px; z-index:0} #content .btnLogin {background-position:-108px 0; width:53px; height:22px; margin:6px 4px 0 0} #content .desctext {color:#773366; font-size:11px;} #content .btnPrintBottom {background-position:-108px -22px; width:30px; line-height:10px; height:12px; color:#773366; font-size:11px; padding-left:10px; margin-top:15px; margin-bottom:40px;} #content .btnPrintTop {background-position:-108px -22px; width:30px; line-height:10px; height:12px; color:#773366; font-size:11px; padding-left:10px; margin-top:5px;} /*BREADCRUMBS*/ #content .left {width:290px; background:url(../img/icon_menu.png) top left no-repeat; margin-left:17px; padding-bottom:20px;} #content .left.splash {background:none;} #content .left .margin {margin:40px 0 0 94px;} #content .left .title {height:30px;} #content .left .subMenu {width:155px;} #content .left .subMenu ul {} #content .left .subMenu li {width:155px; background:url(../img/arrowSubMenu.gif) left 4px no-repeat; margin-top:6px; cursor:pointer} #content .left .subMenu li:hover {background:url(../img/arrowSubMenuHover.gif) left 4px no-repeat;} #content .left .subMenu li:hover a {color:#99bb33;} #content .left .subMenu li.active {background:url(../img/arrowSubMenuHover.gif) left 4px no-repeat;} #content .left .subMenu li.active a {color:#99bb33;} #content .left .subMenu li div {margin-left:8px; line-height:13px} #content .left .subMenu li div a {font-weight:bold; font-size:11px; letter-spacing:-1px; text-decoration:none;} #content .left .subMenu li div a:hover {text-decoration:none; color:#99bb33;} #content .left .subMenu li.seperator {background:none; margin-top:0;} #content .left .subMenu li.seperator div {height:2px; margin:10px 0 0 0; border-top:1px solid #99bb33} #content .left .subMenu .leaveMenu {margin:-62px 0 0 -94px; width:300px} #content .left .subMenu .leaveMenu li {background:none; width:300px; float:left;} #content .left .subMenu .leaveMenu li .leave {background:url(../img/sprite_leaves.png) left top no-repeat; margin-top:-10px;} #content .left .subMenu .leaveMenu li .link {width:172px;} #content .left .subMenu .leaveMenu li.leave_1 .leave {background-position:-113px 35px; height:120px; width:84px;} #content .left .subMenu .leaveMenu li.leave_1 .link {margin-top:60px;} #content .left .subMenu .leaveMenu li.leave_2 .leave {background-position:0 0; height:88px; width:92px; margin-left:-10px;} #content .left .subMenu .leaveMenu li.leave_2 .link {margin-top:30px;} #content .left .subMenu .leaveMenu li.leave_3 .leave {background-position:-307px 0; height:70px; width:83px;} #content .left .subMenu .leaveMenu li.leave_3 .link {margin-top:20px;} #content .left .subMenu .leaveMenu li.leave_4 .leave {background-position:-205px 0; height:76px; width:110px; } #content .left .subMenu .leaveMenu li.leave_4 .link {margin-top:15px;} #content .left .subMenu .leaveMenu li.leave_5 .leave {background-position:-390px 0; height:60px; width:83px;} #content .left .subMenu .leaveMenu li.leave_5 .link {margin-top:10px;} /* #content .left .subMenu .splashMenu { margin:-70px 0 0 -94px; width:700px; height:700px; position:relative; display:block;} */ #content .left .subMenu .splashMenu { margin:-134px 0 0 -94px; width:700px; height:700px; position:relative; display:block;} #content .left .subMenu .splashMenu .leaveItem { position:absolute;} #content .left .subMenu .splashMenu .leaveItem .leave { background:url(../img/sprite_leavessplash.png) left top no-repeat; border:0px solid red;} #content .left .subMenu .splashMenu .link { width:180px; margin-left:10px; cursor:pointer} #content .left .subMenu .splashMenu .leave_1 { top:240px; left:7px; width:350px} #content .left .subMenu .splashMenu .leave_1 .leave { background-position:0 0; height:1px; width:105px;} #content .left .subMenu .splashMenu .leave_1 .link { margin-top:30px; height:1px; overflow:hidden;} #content .left .subMenu .splashMenu .leave_2 { top:124px; left:243px; width:350px} #content .left .subMenu .splashMenu .leave_2 .leave { background-position:-92px 0; height:1px; width:102px; margin-left:-10px;} #content .left .subMenu .splashMenu .leave_2 .link { margin-top:30px; height:1px; overflow:hidden;} #content .left .subMenu .splashMenu .leave_3 { top:223px; left:283px; width:350px} #content .left .subMenu .splashMenu .leave_3 .leave { background-position:-192px 0; height:1px; width:83px;} #content .left .subMenu .splashMenu .leave_3 .link { margin-top:20px; height:1px; overflow:hidden;} #content .left .subMenu .splashMenu .leave_4 { top:314px; left:303px; width:350px} #content .left .subMenu .splashMenu .leave_4 .leave { background-position:-277px 0; height:1px; width:80px; } #content .left .subMenu .splashMenu .leave_4 .link { margin-top:15px; height:1px; overflow:hidden;} #content .left .subMenu .splashMenu .leave_5 { top:464px; left:213px; width:350px} #content .left .subMenu .splashMenu .leave_5 .leave { background-position:-362px 0; height:1px; width:93px;} #content .left .subMenu .splashMenu .leave_5 .link { margin-top:10px; height:1px; overflow:hidden;} /* #content .left .subMenu .splashMenu .leaveItem .leave { background:url(../img/sprite_leavessplash.png) left top no-repeat; border:0px solid red;} #content .left .subMenu .splashMenu .link { width:180px; margin-left:10px; cursor:pointer} #content .left .subMenu .splashMenu .leave_1 { top:176px; left:7px; width:350px} #content .left .subMenu .splashMenu .leave_1 .leave { background-position:0 0; height:120px; width:105px;} #content .left .subMenu .splashMenu .leave_1 .link { margin-top:30px;} #content .left .subMenu .splashMenu .leave_2 { top:60px; left:243px; width:350px} #content .left .subMenu .splashMenu .leave_2 .leave { background-position:-92px 0; height:88px; width:92px; margin-left:-10px;} #content .left .subMenu .splashMenu .leave_2 .link { margin-top:30px;} #content .left .subMenu .splashMenu .leave_3 { top:159px; left:283px; width:350px} #content .left .subMenu .splashMenu .leave_3 .leave { background-position:-192px 0; height:70px; width:83px;} #content .left .subMenu .splashMenu .leave_3 .link { margin-top:20px; } #content .left .subMenu .splashMenu .leave_4 { top:250px; left:303px; width:350px} #content .left .subMenu .splashMenu .leave_4 .leave { background-position:-277px 0; height:76px; width:80px; } #content .left .subMenu .splashMenu .leave_4 .link { margin-top:15px;} #content .left .subMenu .splashMenu .leave_5 { top:400px; left:213px; width:350px} #content .left .subMenu .splashMenu .leave_5 .leave { background-position:-362px 0; height:60px; width:83px;} #content .left .subMenu .splashMenu .leave_5 .link { margin-top:10px;} */ /*GLOBAL CONTENT DEFNITIONS*/ #content .center {width:410px; margin-left:17px;} #content .center .margin {margin:42px 0 0 0px;} #content .center .pageContainer {width:410px;} #content .center .pageContainer .title {width:370px; font-size:12px; color:#773366; font-weight:bold;} #content .center .pageContainer .text {width:410px;} #content .center .pageContainer .text.martop10 {margin-top:10px;} #content .center .pageContainer .text ul {list-style:circle inside !important;} #content .center .pageContainer .text li { list-style-image:url('../img/arrow.green.png'); } #content .center .pageContainer .contactForm {width:430px; margin-top:40px;} #content .center .pageContainer .contactForm .btnSend {width:108px; height:44px; background-position:0 0; text-indent:-9999px;} #content .center .pageContainer .contactForm LABEL { display:block; float:left; width:140px; } #content .center .pageContainer .contactForm LABEL.inputBig { width:280px; } #content .center .pageContainer .contactForm LABEL.inputRadio { width:18px; } #content .center .pageContainer .loginContainer { width:419px; height:190px; background:url(../img/bgLoginBig.png) left top no-repeat; position:relative; left:-20px; } #content .center .pageContainer .loginContainer .margin { margin:50px 44px 0 40px } #content .center .pageContainer .loginContainer .btnLogin { margin-top:15px; } #content .center .pageContainer .loginContainer .loginForm { height:140px; } #content .center .pageContainer .dataTable TABLE {border-collapse:inherit; } #content .center .pageContainer .dataTable TD {padding:3px;} #content .center .pageContainer .dataTable THEAD TD {background:url(../img/bgTHeader.gif) left top repeat-x #99bb33; color:#fff; font-weight:bold} #content .center .pageContainer .dataTable THEAD TD.col1 {border:2px solid #773366; border-right:0;} #content .center .pageContainer .dataTable THEAD TD.col3 {border:2px solid #773366; border-left:0;} #content .center .pageContainer .dataTable TBODY TD {background:url(../img/bgTBody.gif) left top repeat-x #ebf1d6; border:0px;} #content .center .pageContainer .dataTable TR.empty {height:12px; border:0px !important} #content .center .pageContainer .dataTable TR.empty TD {background:none; border:0px !important} #content .center .pageContainer .dataTable TD.sep {background:none #fff; padding:0px; width:3px; border:0px !important;} #content .center .pageContainer .dataTable TBODY TD.col1 {border:1px solid #99bb33; border-right:0;} #content .center .pageContainer .dataTable TBODY TD.col2 {border-top:1px solid #99bb33; border-bottom:1px solid #99bb33; border-left:0; border-right:0;} #content .center .pageContainer .dataTable TBODY TD.col3 {border:1px solid #99bb33; border-left:0;} #content .right {width:224px; margin:0 0 0 40px;} #content .right .margin {margin:30px 0 0 0;} #content .right .loginContainer {background:url(../img/bglogin.png) left top no-repeat; width:232px; height:192px; } #content .right .loginContainer .margin {margin:60px 40px 0 38px} #content .right .loginContainer .loginForm {height:130px;} #content .right .desctext {width:150px;} #faq { font-size:11px; font-weight:bold; letter-spacing:-1px; } #faq .category { color:#99bb33; cursor:pointer; line-height:30px; } #faq .question { color:#773366; cursor:pointer; list-style-image:url('../img/arrow.purple.png'); list-style-position:outside; margin-left:15px; line-height:30px; } #faq .question.active { font-style:italic; } #faq .answer { color:#000000; cursor:default; line-height:18px; letter-spacing:normal; padding:20px 0 0 20px; background-image:url('../img/arrow.line.png'); background-repeat:no-repeat; } #faq .answer UL { margin-bottom:10px; } #faq .answer LI { list-style-image:url('../img/arrow.green.png'); list-style-position:outside; margin-left:10px; } /*FOOTER */ #footer { background:url(../img/bgFooter.gif) left top no-repeat; width:980px; height:120px; }