/* PRINT STYLES ARE AT THE BOTTOM ---------------------------------------------- */ /* DEFAULT STYLES FROM SCREEN.CSS ---------------------------------------------- */ html, body {height:100%; margin:0; padding:0;} body {background:#e8e9e9; border-style:none; color:#333; font:75% Arial, Helvetica, sans-serif; line-height:1.5em;} fieldset {border:0; margin:0; padding:0;} form {margin:0; padding:0;} legend {display:none;} h1, h2, h3, h4, h5, h6 {clear:both; margin:0; padding:0;} img {border:0; margin:0; padding:0;} p {margin:0; padding:0 0 20px 0;} ol, ul, li {margin:0; padding:0; text-indent:0;} input, select, textarea {font:normal 1em Arial;} .clear {clear:both; font-size:0em; height:0px; line-height:0px; margin:0; padding:0;} .clear1 {clear:both; margin:0; padding:0 0 20px 0;} .print {display:none;} .hidden {position:absolute; left:-900em;} .left {float:left;} .right {float:right;} img.left {float:left; margin:3px 10px 3px 0;} img.right {float:right; margin:3px 0 3px 5px;} p img {display:block; margin-bottom:5px;} .center {text-align:center; width:100%;} .open {display:block;} .closed {display:none;} .strong {font-weight:bold;} .block {display:block;} /* Wrapper ---------------------------------------------- */ .wrapper {margin:0; padding:0; width:100%;} ul.accesnav {position:absolute; left:-1000em;} /* Header ---------------------------------------------- */ #header {background:#fff; clear:both; position:relative; width:100%; z-index:200;} .editorstool #header, .activate #header {background:#e8e9e9;} #innerheader {background:#fff url("../img/header.png") no-repeat 0 30px; border-bottom:5px solid #ec6400; height:175px; margin:0 auto; position:relative; width:960px;} .editorstool #innerheader {background:#e8e9e9 url("../img/header.png") no-repeat 0 32px; height:132px; position:relative;} .activate #innerheader {background:#e8e9e9 url("../img/header.png") no-repeat 0 32px; height:132px; position:relative; width:690px;} /* Logo ---------------------------------------------- */ .logo {display:inline-block; float:left; height:84px; margin:17px 0 0 25px; width:171px;} .editorstool .logo {margin-top:18px;} .logo a {text-decoration:none;} /* Global navigation ---------------------------------------------- */ #globalnav {float:right; width:370px;} #globalnav ul {float:right; margin:0; padding:0;} #globalnav ul li {color:#000; float:left; list-style:none; padding:5px 10px 0 0;} #globalnav ul li.lastitem {padding-right:0;} /* Searcharea ---------------------------------------------- */ #searcharea {background:#4b6388; float:right; margin:28px 18px 0 0; overflow:hidden; padding:8px 8px 6px 8px; width:311px;} #searcharea .insearch {background:#4b6388 url("../img/bg-search-input.png") 100% 0 no-repeat; border:none; float:left; overflow:hidden; padding:3px 5px 5px 5px;} #searcharea .ininsearch {background:#fff; border:none; float:left; font-size:1em; height:15px; overflow:hidden; padding:0; width:213px;} #searcharea .submit {background:url("../img/search-button.png") 0 0 repeat-x; cursor:pointer; float:right;} #searcharea .submit .button {background:none; border:none; color:#fff; cursor:pointer; display:block; font:normal 1em/1.7em Arial, Helvetica, sans-serif; height:21px; padding:0 5px 2px 8px; text-align:left; width:80px;} /* Account ---------------------------------------------- */ #account {bottom:37px; color:#fff; font-size:1.4em; position:absolute; right:20px;} /* Main navigation ---------------------------------------------- */ #mainnav {clear:both; float:left; margin-top:7px; overflow:hidden; width:100%;} #innermainnav {list-style:none; margin-left:0; padding:0;} #innermainnav li {margin-left:1px; float:left; list-style:none; max-width:176px; display:inline-block;} #innermainnav li.item1 {margin-left:0;} #innermainnav li a {cursor:pointer; width:164px;} #innermainnav li.item1 a {padding-left:17px; width:58px;} #innermainnav li .link {background:url("../img/btn.png") 0 2px repeat-x; border:none; cursor:pointer; display:inline-block; height:67px; outline:none; padding-left:12px; text-decoration:none;} #innermainnav li.active .link {background:url("../img/btn-active.png") 0 2px repeat-x; height:72px;} #innermainnav li .text {cursor:pointer; display:inline-block; padding:10px 13px 10px 0;} #innermainnav li .maintext {color:#fff; display:block; font:bold 1.1em Arial;} #innermainnav li .subtext {color:#c2d8e8; display:block; font:normal 0.9em Arial;} /* hover ---------------------------------------------- */ #innermainnav li .link:hover {border:none; height:72px;} #innermainnav li.open .link {background:url("../img/btn-hover.png") 0 2px repeat-x; border:none; height:72px;} #innermainnav li.open .maintext {color:#0f65a1;} #innermainnav li.open .subtext {color:#0f65a1;} /* Sub navigation ---------------------------------------------- */ #innermainnav .subnav {background:transparent url("../img/subnav.png") 0 100% no-repeat; border-top:1px solid #fff; clear:both; overflow:hidden; padding-bottom:12px; text-align:left; width:555px; display:none;} #innermainnav .open .subnav {display:block;} #innermainnav .posover .subnav {position:absolute; top:180px; z-index:999;} #innermainnav li .subnav li {float:none; max-width:none;} #innermainnav .innersubnav {display:inline-block; float:left; margin:0; overflow:hidden; padding:15px 0 0 18px; width:100%;} #innermainnav .innersubnav .subitem {border-bottom:1px dotted #b9c4d3; clear:both; margin:0 0 5px 0; padding:4px 0 10px 0;overflow:hidden; width:516px;} #innermainnav .innersubnav .lastitem, #innermainnav .innersubnav .subitem:last-child {border:none;} #innermainnav .innersubnav .subitem span {color:#14315b; display:block; font:bold 1.2em Arial; overflow:hidden;} #innermainnav .innersubnav .subitem a {display:block; color:#069;} #innermainnav .innersubnav ul {float:left; display:inline-block; margin:10px 0 0 0; padding:0; width:258px;} #innermainnav .innersubnav ul.col {border:none;} #innermainnav .innersubnav ul li {background:url("../img/list-item.png") 0 3px no-repeat; float:none; font-size:1.1em; list-style:none; line-height:1.1em; margin:0; padding:0; padding-left:12px; text-align:left; width:246px;} #innermainnav .innersubnav a, #innermainnav .active .innersubnav a {background:none; clear:both; display:inline-block; float:left; padding:0; text-decoration:none; width:auto;} #innermainnav .innersubnav a:hover {text-decoration:underline;} #innermainnav .innersubnav .subitem1 {clear:both; float:left; padding:0 10px 0 15px; width:100%;} #innermainnav .innersubnav img {border:1px solid #b7b7b7; clear:both; float:left;} #innermainnav .innersubnav .overview {display:inline-block; float:left; font:bold 0.9em Arial; margin-top:5px; white-space:nowrap;} /* Sub navigation postion by tab ---------------------------------------------- */ .item4 .subnav, .item5 .subnav, .item6 .subnav {margin-left:-379px;} /* Content ---------------------------------------------- */ #content {background:#fff; clear:both; padding-bottom:20px; width:100%;} .editorstool #content, .activate #content {background:#e8e9e9; padding-bottom:0;} #innercontent {background:#fff url("../img/halfwide.png") 689px 0 repeat-y; clear:both; margin:0 auto; min-height:400px; overflow:hidden; padding:0; width:960px;} .home #innercontent {background:#fff url("../img/halfwide.png") 609px 0 repeat-y;} .mainwide #innercontent {background:none;} .rightwide #innercontent {background:#fff url("../img/halfwide.png") 689px 0 repeat-y;} .leftwide #innercontent {background:#fff url("../img/halfwide.png") 689px 0 repeat-y;} .editorstool #innercontent {background:#fff;} .activate #innercontent {background:#fff; min-height:360px; width:690px;} .fullwideMijnFnv #innercontent {} .alertbar {background:none repeat scroll 0 0 #ffffc1; border:1px solid #f00; color:#003663; display:none; margin:0 auto; margin-top:4px; position:relative; width:958px; z-index:-1;} .alertbar .inneralertbar {margin:0 auto; padding:8px;/* width:964px;*/} .alertbar span {display:inline-block; font-size:1em; font-weight:bold; margin:0 0 3px;} .alertbar p {color:#1A5F98; font-size:0.9em; margin:0 0 5px; padding:0; width:890px;} .alertbar .close {background:url("../img/close.gif") no-repeat scroll 0 0 transparent; display:inline-block; height:17px; position:absolute; right:5px; text-decoration:none; top:5px; width:16px;} .alertbar ul {float:right; margin:0; margin-right:50px; padding:0;} .alertbar li {display:inline;} .alertbar li a {display:inline-block; height:35px; margin:5px 5px 0 0; text-decoration:none; width:105px;} .alertbar li .chrome {background:url("../img/chrome.gif") no-repeat scroll 0 0 transparent; border:1px solid #ccc;} .alertbar li .ie8 {background:url("../img/ie8.gif") no-repeat scroll 0 0 transparent; border:1px solid #ccc;} .alertbar li .firefox {background:url("../img/firefox.gif") no-repeat scroll 0 0 transparent; border:1px solid #ccc;} /* Breadcrumbs ---------------------------------------------- */ #breadcrumbs {background:#fff; float:left; width:100%;} #breadcrumbs ul {float:left; list-style:none; margin:14px 0 0 0; padding:0 0 16px 0;} #breadcrumbs ul li {float:left; font-size:0.9em; line-height:1em; padding:0 5px 0 0;} #breadcrumbs a, #breadcrumbs span {bottom:-1px; margin-right:5px; position:relative;} #breadcrumbs a:hover {color:#333;} #breadcrumbs span {color:#333;} /* innerinnercontent ---------------------------------------------- */ #innerinnercontent {border-left:1px solid #98a7bb; border-top:5px solid #069; float:right; line-height:1.67em; margin:0; padding-bottom:40px; overflow:hidden; width:770px;} .home #innerinnercontent {border:none; margin:20px 0 0 0; overflow:hidden; width:100%;} .leftwide #innerinnercontent, .leftwide1 #innerinnercontent {border-top:5px solid #069; margin-top:0; padding-top:20px;} .editorstool #innerinnercontent {border:none;} .wide #innerinnercontent {width:100%;} .activate #innerinnercontent {border:none; width:690px;} /* Main content ---------------------------------------------- */ .maincontent {float:left; overflow:hidden; padding:20px 20px 0 20px; width:460px;} .home .maincontent {padding:0 20px 0 0; width:590px;} .mainwide .maincontent {padding:20px 0 0 20px; width:750px;} .leftwide .maincontent {width:670px;} .wide .maincontent {width:920px;} .activate .maincontent {padding:20px 80px 0 80px; width:530px;} /* Headings ---------------------------------------------- */ h1 {color:#000; font:normal 2.2em/1.1em Arial; padding:0 0 18px 0;} h2 {color:#000; font:bold 1.35em/1.3em Arial; padding:0 0 6px 0;} h3 {color:#000; font:bold 1.2em Arial; padding:0 0 10px 0;} h4 {color:#000; font:bold 1.1em Arial; padding:0 0 10px 0;} h5 {color:#000; font:bold 1em Arial; padding:0 0 5px 0;} h6 {color:#000; font:italic 1em Arial; padding:0 0 5px 0;} .home h2 {padding-bottom:4px;} .relatedcontent h2, .rightcol .box h2 {color:#ec6400; font:bold 1.25em Arial; padding:0 0 7px 0;} .home .relatedcontent h3 {clear:none; font-size:1em; padding-bottom:5px;} .form .buttons h3 {float:left; padding:3px 10px 3px 0;} .editorstool .heading {background:#eaecf0; height:25px; margin:20px 20px 0 20px; overflow:hidden; padding:18px 15px 22px 15px; width:890px;} .activate .heading {height:25px; margin:20px 20px 0 20px; overflow:hidden; padding:10px 15px 10px 60px;} .mijnfnv .heading1 {color:#000; font-size:1.4em; padding-bottom:10px;} h2 .headingright {color: #ec6400;} .heading4 {clear:both; overflow:hidden; width:100%;} /* Cols ---------------------------------------------- */ .cols{clear:both; overflow:hidden; width:100%;} .col {float:left; position:relative; width:48%;} .mainwide .col {width:48.5%;} .maincol, .mainwide .maincol {padding-right:20px; width:50.2%;} .rightcol, .mainwide .rightcol {margin-left:15px; width:45%;} .items .rightcol {margin-left:25px;} .items .anti {width:48%;} .items1 .col {float:left; margin-right:15px; width:23.5%;} .items1 .rightcol {margin:0;} .tabscontent .col {width:60.5%;} .tabscontent .rightcol {float:right; width:30.5%;} .items2 .col {width:33.3%;} .items2 .rightcol {margin:0;} .items3 .col, .items4 .col {padding-right:15px; width:360px;} .items3 .rightcol, .items4 .rightcol {width:30%;} .items5 {overflow:visible;} .items5 .col {padding-right:15px; width:370px;} .items5 .rightcol {padding-right:15px; width:319px;} .items5 .rightcol.rightcol1 {border:1px solid #d4dfe9; border-top-color:#98a7bb; padding-left:15px; padding-top:10px; width:315px;} .items5 .rightcol.rightcol1 h2 {color:#ec6400;} .items5 .rightcol.rightcol1.loginbox {margin-top:-25px; padding-bottom:79px; padding-right:0; width:330px;} .items6 .col {color:#575757; font-size:0.9em; line-height:16px; padding-top:18px; width:398px;} .items6 .rightcol {width:auto;} .items9 .col {padding-right:20px; width:435px;} .items9 .rightcol {width:auto;} .firstcol {clear:both;} .rightcol1, .mainwide .rightcol1 {width:48%;} /* Item/newsitem ---------------------------------------------- */ .item {line-height:1.5em; margin-bottom:10px; overflow:hidden; position:relative; width:100%;} .item p {padding-bottom:10px;} .item h2 {padding:5px 0 1px 0;} .item ul {overflow:hidden;} .home .item ul {margin-bottom:0;} .home .item h2, .linksbox .item h2, .item.newsitem h2, .item .inneritem h2 {clear:none;} .item img.left {margin-right:15px;} .item span.hyves {background:url("../img/icon-hyves.png") 0 0 no-repeat; position:absolute; height:13px; right:10px; bottom:11px; width:13px;} .item span.name {color:#069; font-size:0.85em; text-transform:uppercase;} .item span.name a {text-decoration:none;} .item span.name a:hover {text-decoration:underline;} .relatedcontent .item {line-height:1.5em;} .relatedcontent .item h2 {font-size:1.2em; font-weight:bold; line-height:1.5em; padding:0 0 4px 0;} .relatedcontent .item h3, .relatedcontent .box .item h3 { clear:none; font-size:1em;} .relatedcontent .item img {background:url("../img/bg-img-shadow-small.png") 0 100% no-repeat; padding-bottom:8px;} .newsitem p {padding-bottom:5px;} .newsitem img.left {margin-right:20px;} .newsitem .metadatanav {font-size:0.9em; padding-bottom:10px; margin-bottom:0;} /* Items ---------------------------------------------- */ .items {margin-top:10px;} .items .item {border-bottom:1px dotted #b9c4d3; margin-bottom:15px; min-height:135px; padding-bottom:15px; width:360px;} .items .item .inneritem {border-left:1px solid #d2dde8; overflow:hidden; padding-left:15px;} .items .item h2 {padding:5px 0 3px 0;} .items .item ul.links {margin-bottom:5px;} .items h2 {clear:both; color:#ec6400; padding-bottom:15px;} .items h2.subjects {border-bottom:2px solid #5c9dbd; clear:both; color:#333; font:normal 1.8em Arial;} .items h2.subjects span {background:#fff; width:25px;} .items1 {border-bottom:1px dotted #b9c4d3; margin-bottom:20px; overflow:hidden;} .items1 h3 {font:normal 1em Arial; padding-bottom:5px;} .items1 h4 {font:normal 0.9em Arial; padding-bottom:2px; text-transform:uppercase;} .items1 p {font-size:0.9em; padding-bottom:0;} .items2 {background:url("../img/3columns.png") 0 0 repeat-y;} .items2 h2 { background:#fff;} .items2 .item {border:none; padding:0 15px; width:auto;} .items3 {border-bottom:1px dotted #b9c4d3; margin-bottom:10px; overflow:hidden;} .items3 .inneritems {background:url("../img/2columns.png") 0 0 repeat-y; overflow:hidden; margin-bottom:10px; padding:5px 15px; } .items3 .inneritems p {padding-bottom:0;} .items3 h3 {padding-bottom:5px;} .items4 {background:none; border:none;} .items4 h2 {border-left:1px solid #98a7bb; padding:5px 15px; margin-bottom:10px;} .items7 {border-bottom:none; margin:10px 0;} .items8 {margin:0 0 20px 0;} .items8 img {margin-left:20px;} .items9 {margin:0 0 20px 0;} /* Tables ---------------------------------------------- */ table {border:1px solid #afc3d7; border-collapse:collapse; line-height:1.5em; margin-bottom:20px; text-align:left;} table caption {font:bold 1em Arial; padding-bottom:5px; text-align:left;} table thead th {background:#f4f8fd; border-right:1px solid #d2dde8; border-bottom:1px solid #afc3d7; font-weight:bold; padding:5px 5px 5px 8px; vertical-align:top;} table tbody th {background:#f4f8fd; border-bottom:1px solid #d2dde8; border-right:1px solid #d2dde8; font-weight:bold; padding:5px 5px 5px 8px; vertical-align:top;} table td {border-bottom:1px solid #d2dde8; border-right:1px solid #d2dde8; padding:5px 5px 5px 8px; vertical-align:top;} table .lastrow td, table .lastrow th {border-bottom:none;} .prefilled table {border:none;} .prefilled table tbody th {background:none; border:none; font-weight:normal; padding:2px 2px 2px 0; width:200px;} .prefilled table td {border:none; padding:2px 5px 2px 0; vertical-align:top;} .prefilled .table1 {border:none; margin-bottom:30px;} .prefilled .table1 tbody th {background:none; border:none; color:#000; font-weight:bold; padding:2px 5px 2px 5px; text-align:left; width:220px;} .prefilled .table1 td {border:none; padding:2px 5px 2px 5px; vertical-align:top;} .prefilled .table1 .odd td, .prefilled .table1 .odd th {background:#fff;} .prefilled .table1 td.tdcol {width:25%;} .prefilled .table2 {margin-bottom:0;} .prefilled .table1 td.tdcol {width:50%;} /* result Tables ---------------------------------------------- */ table.result, table.result tbody th, table.result tbody td {background:none; border:none; text-align:left;} table.result tbody th, table.result tbody td {padding:0; padding-bottom:2px;} .form .formcontainer table.result tbody h3 {font-size:1.2em; font-weight:bold; padding-top:20px;} .form .formcontainer table.result tbody tr:first-child h3 {padding-top:9px;} .accountBlock table.result {font-size:0.9em; margin-bottom:0;} .accountBlock table.result tbody tr:first-child td {background:none; border:none; text-align:left;} .accountBlock table.result tbody th {font:normal 1em Arial; padding-right:12px; width:60px;} .accountBlock table.result tbody td {padding:0 25px 6px 0;} .accountBlock table.result tbody td a {display:inline-block;} .accountBlock table.result tbody td a.block {display:block;} /* Detail Tables ---------------------------------------------- */ .overviewWrapper h2 {color:#ec6400;} .tableOverview, .tableOverview table, .tableOverview table table {border:none; border-collapse:separate;} table.tableOverview thead th, table.tableOverview table thead th {background-color:#fff; border:none; border-left:1px solid #8aa5bf; border-bottom:4px solid #fff; padding:5px 5px 5px 8px; position:relative; text-align:left; z-index:2;} .tableOverview th {border:none; border-left:1px solid #8aa5bf; border-bottom:4px solid #fff;} .tableOverview td {background:#f4f8fd; border:none; border-bottom:1px solid #8aa5bf;} .tableOverview td:first-child {border-left:1px solid #afc3d7;} .tableOverview td.last {border-right:1px solid #afc3d7; text-align:right;} .tableOverview td.status, .tableOverview td.value {background:#f4f8fd url("../img/bg-td-border.png") 0 0.5em no-repeat;} table.tableOverview table {position:relative;} table.tableOverview table thead th {border:none; border-bottom:1px solid #8aa5bf;} .tableOverview th.column1, .tableOverview th.column2, .tableOverview th.column3 {background:#fff url("../img/bg-th-border.png") 0 0.2em no-repeat; border-left:none; width:190px;} .tableOverview th.column4 {border-left:none; width:190px;} .tableOverview table th.column1 {background-image:none; width:190px;} .tableOverview table th.column2, .tableOverview table th.column3 {background:#fff url("../img/bg-td-border.png") 0 0.3em no-repeat; width:190px;} .tableOverview table th.column4 {font-weight:normal; text-align:right; width:190px;} .tableOverview tr.details table {border:2px solid #069; padding-bottom:7px; margin-bottom:0; margin-top:-30px;} .tableOverview tr.details td {background:#fff; border:none; padding:0;} .tableOverview tr.details > td:first-child {padding:0;} .tableOverview tr.details th:first-child {color:#000;} .openissue {color:#ec6400; font-weight:bold;} .tableOverview .showdetails, .tableOverview .hidedetails {background-position:0 0.2em; font-weight:normal; margin-right:9px;} .tableOverview .hidedetails {margin-right:8px;} .tableOverview tr.details tr.detailContent {border:none; margin:0;} .tableOverview tr.details tr.detailContent td:first-child {} .tableOverview tr.details tr.detailContent td {padding-left:0; padding-right:0; } .tableOverview tr.details tr.detailContent.first td {padding-top:5px; } .tableOverview tr.details tr.detailContent.first td span {border-bottom:1px solid #ccc;} .tableOverview tr.details tr.detailContent td span {display:block; float:left; font-size:0.9em; margin-left:8px; width:130px;} .tableOverview tr.details tr.detailContent td span:first-child {margin-left:70px;} .tableOverview tr.details tr.detailContent td.last {text-align:left;} tbody tr:first-child td {border-top:1px solid #afc3d7;} /*.tableOverview.members tr:first-child th, .tableOverview.members tr:first-child td {border-top:1px solid #afc3d7;}*/ .tableOverview.members table th.column1 {width:450px;} .tableOverview.members table th.column2, .tableOverview.members table th.column3 {background:none; background:#fff; text-align:right;} .tableOverview.members table th.column3 {text-align:right;} .tableOverview.members tr.details tr.detailContent.first td span, .tableOverview.members tr.details tr.detailContent td span {border-bottom:none; font-size:1em;} .tableOverview.members tr.details tr.detailContent td span:first-child {color:#000; margin-left:11px; width:194px;} .tableOverview.members th.column1, .tableOverview.members th.column2, .tableOverview.members th.column3 {background-image:none;} .tableOverview.members tr.details tr.detailContent td span {width:520px;} /*.tableOverview.members .hidedetails {right:-20px;}*/ .tableOverview.members tr.details.closed table {display:none;} /* List ---------------------------------------------- */ ul {list-style:disc; margin:0 0 20px 35px;} ul ul {margin:5px 0 5px 15px;} ol {font-style:italic; margin:0 0 20px 40px; padding-left:0;} ol li {font-style:normal; list-style:decimal; padding-left:0;} ol li span {font-style:normal;} dl {margin:0 0 5px 0;} dt {font-weight:bold; margin:0; padding:5px 0 0 80px;} dd {margin:0; padding:0 0 10px 80px;} ul.list {margin-left:35px;} ul.list li {list-style:disc;} ul.list ul {margin-left:15px;} /*ul li a {background:url("../img/list-item.png") 0 6px no-repeat; display:inline-block; line-height:1.5em; overflow:hidden; padding:0 0 2px 12px;} */ /* links list ---------------------------------------------- */ ul.links {list-style:none; margin-left:0;} ul.links li {background:url("../img/list-item.png") 0 6px no-repeat; line-height:1.5em; overflow:hidden; padding:0 0 2px 12px; width:97.5%;} ul.links li.anchor {background:url("../img/anchor.png") 0 6px no-repeat;} ul.links .doc {background:url("../img/doc.png") 0 1px no-repeat; padding-left:22px;} ul.links .pdf {background:url("../img/pdf.png") 0 1px no-repeat; padding-left:22px;} ul.links .video {background:url("../img/flash.png") 0 1px no-repeat; padding-left:22px;} ul.links .imgicon {background:url("../img/image-icon.png") 0 1px no-repeat; padding-left:22px;} ul.links .xls {background:url("../img/xls.png") 0 1px no-repeat; padding-left:22px;} ul.links .pps {background:url("../img/pps.png") 0 1px no-repeat; padding-left:22px;} ul.links .rss1 {background:url("../img/rss1.png") 0 1px no-repeat; padding-left:22px;} ul.links li a {text-decoration:none;} ul.links li a:hover {text-decoration:underline;} ul.links .date, ul.links .date:hover {color:#575757; display:inline-block; float:left; text-decoration:none; width:73px;} ul.links .mainitem {display:inline-block; width:78%;} ul.downloads li a {text-decoration:underline;} /* Downloadsoverview ---------------------------------------------- */ .downloadsoverview h2 {padding-bottom:20px;} .downloadsoverview ul {list-style:none; margin:0 0 30px 0; padding:0;} .downloadsoverview ul li {border-bottom:1px dotted #b9c4d3; margin-bottom:20px; overflow:hidden; padding-left:34px;} .downloadsoverview ul .doc {background:url("../img/doc-big.png") 0 1px no-repeat;} .downloadsoverview ul .pdf {background:url("../img/pdf-big.png") 0 1px no-repeat;} .downloadsoverview ul .xls {background:url("../img/xls-big.png") 0 1px no-repeat;} .downloadsoverview ul .pps {background:url("../img/pps-big.png") 0 1px no-repeat;} .downloadsoverview ul li h3 {padding-bottom:5px;} /* My news list ---------------------------------------------- */ .mynews ul {background:#f4f8fd; border:1px solid #afc3d7; list-style:none; overflow:hidden; margin:0 0 50px 0;} .mynews ul li {border-bottom:1px solid #d2dde8; clear:both; float:left; margin:0; overflow:hidden; padding:0; width:100%;} .mynews ul .odd {background:#eaf3fe;} .mynews ul .lastitem {border:none;} .mynews ul li a {line-height:1.5em; cursor:pointer; display:block; float:left; font-size:1.1em; overflow:hidden; text-decoration:none; padding:7px 10px; width:94%;} .mynews ul .date, .mynews ul .date:hover {background:#ec6400; color:#fff; display:inline-block; float:left; font-size:0.9em; margin-right:10px; padding:0 4px; text-align:center; text-decoration:none; width:68px;} .mynews ul .today, .mynews ul .today:hover {background:#138a78; text-transform:uppercase;} .mynews ul .mainitem {display:inline-block; float:left;} .mynews ul li .remove, .mynews ul .odd .remove {background:url("../img/remove.png") 0 0 no-repeat; display:block; float:right; height:34px; padding:0; width:32px;} .mynews ul li .remove:hover, .mynews ul .odd .remove:hover {background:url("../img/remove-mo.png") 0 0 no-repeat;} /* Newslist ---------------------------------------------- */ ul.newslist {line-height:1.5em; list-style:none; margin-bottom:0; margin-left:0;} ul.newslist li {background:url("../img/list-item.png") 0 10px no-repeat; padding:0 0 2px 12px;} ul.newslist li .wrap {border-bottom:1px dotted #b9c4d3; display:block;} ul.newslist li .wrap a {background:#f4f8fd; bottom:-5px; position:relative; text-decoration:none;} ul.newslist li .wrap a:hover {text-decoration:underline;} ul.newslist li a.category {background:#fff; border:1px solid #afc3d7; bottom:-2px; color:#3385ad; display:inline-block; float:right; font-size:0.8em; line-height:1.5em; height:15px; padding:0 3px; text-decoration:none; text-transform:uppercase;} ul.newslist li a.category:hover, .tabWrapper ul.newslist li a.category:hover {background:#3385ad; border-color:#3385ad; color:#fff; text-decoration:none;} .tabWrapper ul.newslist {clear:both; margin-top:10px;} .tabWrapper ul.newslist li .wrap a {background:#fff;} /* Latest reactions list ---------------------------------------------- */ .latestreactions {line-height:1.5em; margin-left:0; list-style:none;} .latestreactions ul {list-style:none; margin-left:0;} .latestreactions ul li {background:url("../img/bg-reaction-shading.gif") 0 100% no-repeat; display:block;} .latestreactions ul li a {background:url("../img/bg-arrow-react.gif") 100% 20% no-repeat; color:#333; display:block; line-height:1.55em; padding:5px 34px 18px 0; text-decoration:none; width:221px;} .home .latestreactions ul li a {width:300px;} .latestreactions ul li a:hover {background:url("../img/bg-arrow-react-ro.gif") 100% 20% no-repeat;} .latestreactions ul li a .name {background:url("../img/div-reaction.gif") 100% 2px no-repeat; color:#000; font-weight:bold; padding-right:7px;} .latestreactions ul li a .reaction {font:italic 1em Georgia, "Times New Roman", Times, serif; padding-left:5px;} /* agenda list ---------------------------------------------- */ ul.agenda {list-style:none; margin:0 0 40px 0; padding:0;} ul.agenda li {background:none; border-bottom:1px dotted #b9c4d3; padding-left:0; width:100%;} ul.agenda li h3 {clear:both; font:normal 1em Arial; overflow:hidden; padding:5px 0; margin-bottom:0;} ul.agenda li h3.active {font-weight:bold;} ul.agenda li h3 a {text-decoration:none;} ul.agenda li .date {color:#000; cursor:pointer; display:block; float:left; margin:auto 15px auto 0; text-align:center; width:29px;} ul.agenda li .date .month {background:#ec6400; clear:both; color:#fff; display:block; font-size:0.8em; height:15px; margin-bottom:1px; text-transform:uppercase; width:29px;} ul.agenda li .date .day {background:#fff; border:1px solid #b8b8b8; border-top:none; clear:both; display:block; font:normal 0.8em Georgia; height:13px; line-height:1.2em; width:27px;} ul.agenda li .text {cursor:pointer; display:inline-block; float:left; font-size:1.2em; margin:4px 0 0 0; padding-right:10px; text-decoration:underline; width:85%;} /* Checklist ---------------------------------------------- */ ul.checklist {line-height:1.5em; list-style:none; margin-left:0;} ul.checklist li {background:url("../img/check.png") 0 5px no-repeat; padding:0 0 2px 18px;} /* links box ---------------------------------------------- */ .linksbox {background:url("../img/bg-img-shadow-big.png") 0 100% no-repeat; line-height:1.5em; overflow:hidden; margin-bottom:20px; padding-bottom:7px;} .home .linksbox {background:url("../img/bg-img-shadow-bigger.png") 0 100% no-repeat;} .col .linksbox {background:url("../img/bg-img-shadow-small1.png") 0 100% no-repeat;} .linksbox h2 {color:#ec6400;} .linksbox p {padding-bottom:5px;} /* react box ---------------------------------------------- */ .reactbox {background:url("../img/bg-img-shadow-big.png") 0 100% no-repeat; line-height:1.5em; margin-bottom:10px; overflow:hidden; padding:0 0 15px 0;} .innerreactbox {border-left:1px solid #d2dde8; overflow:hidden; padding:0 0 0 15px;} .innerreactbox .metadatanav {margin-bottom:3px; padding-bottom:0;} .innerreactbox p {padding-bottom:0;} .reactButton {margin-right:2px;} .comments {margin-bottom:30px;} .comments .reactbox {background:none; border-bottom:1px solid #d2dde8;} .comments .innerreactbox {border:none; padding-left:5px;} .comments .reactbox .member {background:url("../img/member-bg.png") 0 0 no-repeat; color:#fff; display:inline-block; font:0.8em/1em Arial; padding:2px 3px 2px 3px; position:relative; top:-1px;} .comments .reactbox .fnvname {background:url("../img/fnvname.png") 0 0 no-repeat; color:#fff; display:inline-block; font:0.8em/1em Arial; padding:1px 4px 3px 3px; position:relative; top:-1px;} /* Box ---------------------------------------------- */ .rightcol .box, .home .relatedcontent .box {background:url("../img/box-shadow1.png") 0 100% no-repeat;} .box, .leftwide .relatedcontent .box {background:url("../img/box-shadow.png") 0 100% no-repeat; line-height:1.5em; margin-bottom:20px; overflow:hidden; padding-bottom:7px;} .box h2 {color:#ec6400;} .box h4 {padding-top:10px;} .relatedcontent .box h3 {color:#000; font-size:1.35em; text-transform:uppercase;} .relatedcontent .box h2 {font-size:1.25em;} .relatedcontent .box ul.links {margin-bottom:5px;} .relatedcontent .box a.overview {display:block;margin-bottom:5px;} /* Box1 ---------------------------------------------- */ .box1 {background:url("../img/bg-poll1.png") 0 0 no-repeat; clear:both; color:#001e4a; line-height:1.5em; margin-bottom:20px; overflow:hidden;} .box1bottom {background:url("../img/bg-poll-bottom1.png") 0 100% no-repeat; clear:both; overflow:hidden; padding:15px 15px 5px 15px;} .home .box1, .mainwide .box1 {background:url("../img/bg-poll.gif") 0 0 no-repeat;} .home .box1bottom, .mainwide .box1bottom {background:url("../img/bg-poll-bottom.gif") 0 100% no-repeat;} .box1 h2 {color:#ec6400; font:bold 1.25em Arial; padding:0 0 7px 0;} .box1 h3 {color:#000; font-size:1.35em; text-transform:uppercase;} .box1 .box1bottom p {padding-bottom:20px;} .box1 p {color:#000; padding-bottom:0;} .box1 p em {color:#333;} .leftwide .box1 {background:url("../img/bg-poll1.png") 0 0 no-repeat;} .leftwide .box1bottom {background:url("../img/bg-poll-bottom1.png") 0 100% no-repeat;} /* Box2 ---------------------------------------------- */ .box2 {background:url("../img/box-shadow.png") 0 100% no-repeat; line-height:1.5em; margin-bottom:20px; overflow:hidden; padding-bottom:7px;} .box2 h2 {color:#ec6400;} .relatedcontent .box2 {width:255px;} .relatedcontent .box2 h2 {font-size:1.25em;} /* Box3 ---------------------------------------------- */ .box3 {background:none; border:1px solid #d4dfe9; border-top-color:#98a7bb ; line-height:1.5em; margin-bottom:20px; overflow:hidden; padding:15px 15px 10px;} /* Box4 ---------------------------------------------- */ .mainwide .box4 {background:url("../img/bg-poll4.png") 0 0 no-repeat;} .mainwide .box4bottom {background:url("../img/bg-poll-bottom4.png") 0 100% no-repeat;} .box4 .box4bottom p {padding-bottom:5px;} .box4 h2 {color:#000; font:bold 1.35em/1.3em Arial; padding:0 0 10px 0;} /* blue box ---------------------------------------------- */ .bluebox {background:#f4f8fd; border:1px solid #d2dde8; line-height:1.5em; margin-bottom:25px; overflow:hidden; padding:15px 15px 20px 15px; width:94%;} .relatedcontent .bluebox {width:90.5%;} .leftwide .relatedcontent .bluebox {width:87.5%;} .bluebox h2 {color:#000; font-size:1.3em;} .bluebox ul.links {margin-bottom:0;} .bluebox.bluebox1 {border-top-color:#98a7bb; width:718px;} /* orange box ---------------------------------------------- */ .orangebox {background:#ffedd3; border:1px solid #ffd28d; line-height:1.5em; margin-bottom:20px; overflow:hidden; width:99.5%;} .relatedcontent .orangebox {width:98.5%;} .orangebox h2, .home .orangebox h2 {background:#ffdaa0 url("../img/bg-heading.png") 0 0 no-repeat; border-bottom:1px solid #ffd28d; color:#000; font-size:1.35em; font-weight:bold; line-height:1.5em; margin-bottom:10px; padding:3px 15px 2px 15px;} .orangebox .item {padding-left:15px;} .orangebox p {padding:0 15px 20px 15px;} .orangebox ul {padding-left:15px;} .orangebox a {color:#001e4a;} .orangebox .visual1, .orangebox .visual2, .orangebox .visual3, .orangebox .visual4 {margin-left:15px;} .orangebox .item p, .orangebox .item ul, .orangebox .item a { padding-left:0;} .orangebox1 {background:#ffedd3; border:none; line-height:1.5em; margin-bottom:20px; overflow:hidden; padding:5px 0 1px 0; text-align:center; width:99.5%;} /* brandbox ---------------------------------------------- */ .brandbox {margin-bottom:25px; overflow:hidden;} .brandbox img {border-bottom:5px solid #006699; float:left;} /* Poll ---------------------------------------------- */ .poll .progressbar {color:#0b2d60; line-height:10px; padding-bottom:5px; width:300px} .poll .outer {background:url("../img/bg-poll-percentage.gif") 0 0 no-repeat; float:left; height:10px; margin-right:5px; width:220px;} .poll .inner {background-color:#f60; float:left; height:10px; width:1px;} .poll.right .inner {background-color:#069;} .poll .polloption {clear:both; float:left; padding:0 5px 3px 0; width:100%;} .poll .polloption input {float:left; width:15px;} .poll .polloption label {float:left; margin-left:5px;} .poll .pollcontrols {clear:both; float:left; overflow:hidden; padding:10px 20px 20px 0; text-align:right; width:100%;} .poll .pollcontrols .submit {float:right;} .poll p.result {color:#333; font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:20px;} .box4 .poll.left {width:50%;} .box4 .poll.right {width:48%;} /* 3kolom's (Branche contentpagina's) ---------------------------------------------- */ .relatedcontent .poll h3 {font-size:1.3em;} .relatedcontent .poll .progressbar {width:225px;} .relatedcontent .poll .outer {width:185px;} /*.relatedcontent */.poll .polloption label {display:block; float:none; margin-left:23px;} /* otherQuestions box ---------------------------------------------- */ .otherQuestions {margin-top:20px;} /* Results ---------------------------------------------- */ .results h2 {border-bottom:1px solid #5c9dbd; color:#000; margin-bottom:20px; padding-bottom:10px;} .results h3 {font-size:1em; line-height:1.5em; padding-bottom:2px;} .results ol {font-style:normal; line-height:1.5em;} .results .col .links {margin-left:25px;} .results .recommended {background:#f4f8fd; margin-bottom:20px; overflow:hidden; padding:5px 0; position:relative;} .results .recommended .recommendtext {color:#66a3c2; font-style:italic; position:absolute; right:7px; top:3px;} .results .recommended h3 {font-size:1.2em; padding-bottom:0; width:88%;} .results .recommended ul {list-style:none; margin:0 0 0 10px; padding:0;} .results .recommended p {padding-bottom:5px;} /* Infoblock ---------------------------------------------- */ .infoblock .row {background:#f4f8fd; border-top:1px solid #ccc; overflow:hidden; padding:8px 12px 8px 27px;} .infoblock .colleft{float:left; width:450px;} .infoblock .colright {float:right; width:230px;} .infoblock .colright span {float:left;} .infoblock .showdetails, .infoblock .hidedetails {float:right; font-family:Verdana, Geneva, sans-serif; font-size:0.9em; font-weight:normal;} .showdetails {background:url("../img/icon-open.png") 0 0.4em no-repeat; padding-left:17px;} .hidedetails {background:url("../img/icon-close.png") 0 0.4em no-repeat; padding-left:17px;} .infoblock .infoTrigger, .form .infoTrigger {background:url("../img/icon-question.png") 0 0 no-repeat; cursor:pointer; display:block; float:left; height:16px; margin-left:-21px; margin-top:2px; text-indent:-9000em; width:15px;} .infoblock .infodetails .row {background:#fff; border-top:1px solid #ccc; margin-top:-37px;} .infoblock .infodetails .infotext {} .infoblock .infocontent {font-size:0.9em; padding-left:27px;} .infoblock .infocontent .infotext {line-height:16px; margin-bottom:10px; width:490px;} .infoblock table {border:none; margin-bottom:0; width:594px;} .infoblock table th, .infoblock table td {border-left:6px solid #fff; width:110px;} .infoblock table th:first-child, .infoblock table td:first-child {border-left:none; padding-left:0;} .infoblock table th {background:none; border:none; border-bottom:1px solid #ccc; padding:0; padding-left:3px; text-align:left;} .infoblock table td {border-bottom:none; border-right:none; padding:4px 0 3px;} .infoblock table tbody tr:first-child td {padding-bottom:0;} .infoblock table .total td {border-top:1px solid #000; height:40px; padding-bottom:0;} .infoblock table .total .value {color:#000; font-weight:bold;} .infoblock1 {display:inline; float:right; position:absolute;} .infoblockPosition {display:none;} .controlBar .infoblock1 {margin:0 0 0 -20px;} table.result .infoblock1 {float:none;} /* Info Tooltip ---------------------------------------------- */ .tooltipwrapper {z-index:1;/* position:relative;*/} .tooltip {display:none; position:absolute; width:341px; z-index:2;} .tooltiptop {background:url("../img/bg-tooltip-top.png") 0 0 no-repeat; height:7px; z-index:2;} .tooltipcontent {background:transparent url("../img/bg-tooltip-content.png") 0 0 repeat-y; font-size:0.9em; line-height:16px; padding:15px 20px 0 20px; position:relative; z-index:2;} .tooltip .tooltipcontent h2 {color:#000; font-size:1.2em; z-index:2;} .tooltipcontent .tooltipclose {background:url("../img/icon-tooltip-close.png") 100% 0 no-repeat; cursor:pointer; display:block; right:9px; height:20px; position:absolute; text-indent:-9000em; top:3px; width:20px;} .tooltipbottom {background:url("../img/bg-tooltip-bottom.png") 0 0 no-repeat; height:7px; z-index: 2;} /* Info Tooltip new ---------------------------------------------- */ .infoTrigger1, .infoTriggerClose {background:url("../img/icon-question.png") 0 0 no-repeat; cursor:pointer; display:inline-block; margin:2px 0 0 5px; height:16px; overflow:hidden; width:16px;} .infoTrigger1 span, .infoTriggerClose span {left:-2000em; position:absolute;} .infoTrigger2 {cursor:pointer;} .infoTrigger3 {background:none; color:#006699; height:auto; margin-left:0; text-decoration:underline; width:auto;} .infoTrigger3:hover {color:#001e4a;} /* Info Tooltip MijnFNV ---------------------------------------------- */ .tooltipwrapper1 {display:none; left:0; margin:-25px 0 0 370px; position:absolute; z-index:99;} .formcontainer .tooltipwrapper1, .formcontainer1 .tooltipwrapper1 {margin:-25px 0 0 20px;} .accountBlockWrapper .tooltipwrapper1 {margin:-25px 0 0 20px;} .registrationform .tooltipwrapper3 {margin-left:265px;} .tooltip1 { overflow:hidden; width:300px;} .tooltiptop1 {background:url("../img/bg-tooltip1-top.png") 0 0 no-repeat; overflow:hidden; padding-top:7px;} .tooltipcontent1 {background:transparent url("../img/bg-tooltip1-content.png") 0 0 repeat-y; font-size:0.9em; line-height:16px; overflow:hidden; padding:5px 15px 0 15px;} table.result .tooltipcontent1 {font-size:1em;} .tooltipcontent1 p {padding-bottom:10px;} .tooltipcontent1 img {margin-bottom:5px;} .tooltip1 .tooltipcontent1 h2, .tooltip1 .tooltipcontent1 .heading2 {color:#000; font:normal bold 1.1em Arial; padding-bottom:2px;} .tooltip1 .tooltipcontent1 h3, .tooltip1 .tooltipcontent1 .heading3 {color:#000; font:normal bold 1em Arial; padding-bottom:2px;} .tooltipbottom1 {background:url("../img/bg-tooltip1-bottom.png") 0 100% no-repeat; overflow:hidden; padding-bottom:7px;} .tooltipcontent1 .tooltipclose1, .controlBar ul li.infoLink .tooltipcontent1 .tooltipclose1 {background:url("../img/icon-tooltip1-close.png") 100% 4px no-repeat; color:#ec6400; cursor:pointer; display:block; right:13px; height:20px; margin:0; padding-right:12px; position:absolute; top:7px; width:20px; text-decoration:underline; z-index:999;} .controlBar .tooltipcontent1 {font-size:1em;} .controlBar ul li.infoLink .tooltipcontent1 .tooltipclose1 {background:url("../img/icon-tooltip1-close.png") 100% 6px no-repeat;} /* Info Tooltip MijnFNV mouseover comments ---------------------------------------------- */ .tooltipwrapper2 .tooltip1 {display:none; margin-left:390px;} .tooltipwrapper2 .tooltiptop1 {background:url("../img/bg-tooltip3-top.png") 0 0 no-repeat;} .tooltipwrapper2 .tooltipcontent1 {background:transparent url("../img/bg-tooltip3-content.png") 0 0 repeat-y;} .tooltipwrapper2 .tooltipbottom1 {background:url("../img/bg-tooltip3-bottom.png") 0 100% no-repeat;} /* Info Tooltip MijnFNV 2 columns ---------------------------------------------- */ .accountBlockWrapper .tooltipCols {margin:0; left:0;} .accountBlockWrapper .controlBar .tooltipCols {margin:0; left:auto; right:-100px;} .tooltipCols .tooltip1 {width:600px;} .tooltipCols .tooltiptop1 {background:url("../img/bg-tooltip2-top.png") 0 0 no-repeat;} .tooltipCols .tooltipcontent1 {background:transparent url("../img/bg-tooltip2-content.png") 0 0 repeat-y;} .tooltipCols .col {padding-right:10px; width:48%;} .tooltipCols .tooltipbottom1 {background:url("../img/bg-tooltip2-bottom.png") 0 100% no-repeat;} .tooltipCols .tooltipcontent1 .tooltipclose1, .controlBar ul li.infoLink .tooltipCols .tooltipcontent1 .tooltipclose1 {margin-top:0;} /* Listing ---------------------------------------------- */ .listing ul {margin-left:5px; margin-top:13px;} .listing ul li {background:url("../img/icon-exclamation.png") 0 0 no-repeat; list-style:none; margin-bottom:20px; padding-left:22px;} .listing h3 {color:#ec6400; padding-bottom:2px;} .listing p {padding-bottom:0;} /* Tree navigation ---------------------------------------------- */ #treenav .treenav {list-style:none; margin-left:5px; position:relative; width:100%;} #treenav .left {width:48.5%;} #treenav .treenav li {background:none; padding:0 0 5px 0;} #treenav .treenav li ul {margin:0; padding:5px 0 5px 20px;} #treenav .treenav li ul li {padding-bottom:5px;} #treenav .treenav li a {font:bold 1.2em Arial; outline:none; padding:0;} #treenav .treenav li a.active {color:#0b2d60;} #treenav .treenav li .min {background:url("../img/min2.png") 0 1px no-repeat; color:#0b2d60; margin:0; padding:0 0 0 20px;} #treenav .treenav li .plus {background:url("../img/plus2.png") 0 1px no-repeat; margin:0; padding:0 0 0 20px;} #treenav .treenav li .noicon {background:none; margin-left:20px; padding:0;} #treenav .treenav li ul.links {list-style:none; margin-left:0;} #treenav .treenav li ul.links li {background:url("../img/list-item.png") 0 6px no-repeat; line-height:1.5em; overflow:hidden; padding:0 0 2px 12px;} #treenav .treenav li ul.links li a { font:normal 1em Arial;} #treenav .closed {display:none;} #treenav .open {display:block;} /* treeView ---------------------------------------------- */ .treeView {background:#f4f8fd url("../img/bg-treeView.gif") 0 0 repeat-y; border-bottom:1px solid #d2dde8; font-family:Arial, Helvetica, sans-serif; line-height:1.6em; width:628px;} .treeView ul {margin:-1px 0 0 0; padding:0; position:relative; width:100%;} .treeView ul li {background:url("../img/bg-treeView-item.png") 0 0 repeat-y; list-style:none; padding:0;} .treeView ul li.first-child {background:url("../img/bg-treeView-item-tb.png") 0 0 no-repeat; padding-top:14px;} .treeView ul li.last-child {background:url("../img/bg-treeView-item-tb.png") 0 100% no-repeat;} .treeView ul li a {color:#069; display:block; font-size:1em; padding:2px 11px 2px 6px; text-align:right; text-decoration:none; width:168px;} .treeView ul li a:hover {color:#001e4a; text-decoration:underline;} .treeView ul li a.selected, .treeView ul li a.selected:hover {background:url("../img/b-search-active.png") 0 0 no-repeat; color:#fff; font-weight:bold;} .treeView ul li ul {display:none; left:185px; margin:0; padding:0; position:absolute; top:0;} .treeView ul li ul li {} .treeView .title {background-color:#fff; border-bottom:1px solid #d2dde8; clear:both; overflow:hidden; padding-bottom:4px; width:100%;} .treeView .title h3 {clear:none; color:#069; display:block; float:left; font-size:1.2em; font-weight:700; line-height:1em; padding:0; width:185px;} .treeView .title h3:last-child, .treeView .title h3.last-child {display:none;} .treeView .searchcontent {display:none; position:absolute; top:15px; width:226px;} .treeView ul li .searchcontent {left:385px;} .treeView ul li ul li .searchcontent {left:200px;} .treeView .searchcontent a {text-decoration:underline;} .treeView .searchcontent p {padding-bottom:6px;} .treeView .searchcontent h3 {background:none; color:#ec6400; padding:8px 0 4px 0;} .treeView .searchcontent ul {display:block; margin:0 0 14px 0; padding:0; position:static; width:100%;} .treeView .searchcontent ul li {background:url("../img/list-item.png") 0 6px no-repeat; line-height:1.5em; list-style:none; overflow:hidden; padding:0 0 2px 12px;} .treeView .searchcontent a {padding:0; text-align:left; width:auto;} .treeView .searchcontent .linkbutton {background:url("../img/blue-button.png") 0 0 repeat-x; border:1px solid #01487b; cursor:pointer; float:left; margin-bottom:15px;} .treeView .searchcontent .linkbutton a, .treeView .linkbutton a:hover {background:none; border:none; color:#fff; cursor:pointer; display:block; height:18px; padding:3px 8px 3px 8px; text-align:center; text-decoration:none; width:auto;} /* System navigation ---------------------------------------------- */ .systemnav {clear:both; overflow:hidden; margin-bottom:20px; width:100%;} .systemnav ul {float:left; clear:both; list-style:none; margin-bottom:0; margin-left:0; width:100%;} .systemnav ul li {float:left; list-style:none;} .systemnav ul li.rssinfo {border-left:1px solid #d2dde8; line-height:1.1em; margin:7px 0 0 -10px;} .systemnav ul li a {display:inline-block; margin-right:15px; padding:4px 0 10px 30px;} .systemnav ul li.rssinfo a {color:#666; padding:0 0 0 5px;} /* Metadata navigation ---------------------------------------------- */ .metadatanav {list-style:none; margin-left:0; overflow:hidden; padding-bottom:10px;} .maincontent > .metadatanav {padding-bottom:0;} .metadatanav li {border-left:1px solid #6d6d6d; color:#666; float:left; line-height:1.2em; list-style:none; padding:0 5px;} .metadatanav li.first {border:none; padding-left:0;} .metadatanav li.name {color:#000; font-weight:bold;} .metadatanav li a {text-decoration:none;} .metadatanav li a:hover {text-decoration:underline;} /* Month navigation ---------------------------------------------- */ .monthnav {list-style:none; margin-left:0; overflow:hidden; padding-bottom:10px;} .monthnav li {border-left:1px solid #d2dde8; float:left; line-height:1em; list-style:none; padding:0 8px;} .monthnav li.first {border:none; padding-left:0;} .monthnav li.active a, .monthnav li.active span {color:#001e4a; font-weight:bold; text-decoration:none;} /* Tabs navigation ---------------------------------------------- */ .tabWrapperOuter {background:url("../img/box-top-half2.png") 0 0 no-repeat; padding-top:7px; width:100%;} .tabWrapper {width:100%;} .editorstool .tabWrapper {float:left;} .tabsnav {background:url("../img/box-top-half.png") 0 100% no-repeat; clear:both; margin:0; height:36px; padding-bottom:7px; position:relative; width:100%;} .mainwide .tabsnav {background:url("../img/box-top-wide.png") 0 100% no-repeat;} .mainwide .tabsnav.specialBG {background:url("../img/box1-top-wide.png") 0 100% no-repeat;} .leftwide .tabsnav {background:url("../img/box-top-half1.png") 0 100% no-repeat;} .editorstool .tabsnav {background:url("../img/box-top-editorstool.png") 0 100% no-repeat; height:36px; width:635px;} .editorstool .tabsnav2 {background:url("../img/box-top-editorstool.png") 0 100% no-repeat; height:7px; width:635px;} .mainwide .tabsnav1 {background:none; border-bottom:1px solid #334b6e;} .innertabsnav {bottom:4px; float:left; list-style:none; margin:0; position:absolute;} .tabsnav1 .innertabsnav {bottom:-3px;} .innertabsnav li {background:none; float:left; list-style:none; margin:0 2px 0 0; padding:0; position:relative;} .innertabsnav li h2 {border:none; font-size:1em; height:36px; margin:0; padding:0; position:relative;} .innertabsnav li .text, .editorstool .innertabsnav li a {background:url("../img/tab-lft.png") 0 0 no-repeat; border:none; color:#069; cursor:pointer; display:inline-block; font-size:1em; height:auto; margin:0; outline:none; padding:0 0 0 5px; text-decoration:none; width:auto;} .innertabsnav li .text:hover, .editorstool .innertabsnav li a:hover {color:#001e4a;} .innertabsnav li .text .maintext, .editorstool .innertabsnav li a span {background:url("../img/tab.png") 100% 0 no-repeat; display:block; font:normal 1.2em Arial, Helvetica, sans-serif; overflow:hidden; padding:10px 15px 10px 10px;} .brancheSelector .innertabsnav li .text .maintext {font-size:1em; padding:10px 13px 10px 7px;} .innertabsnav li .active .text, .editorstool .innertabsnav li .active a {background:url("../img/tab-lft-act.png") 0 0 no-repeat; color:#001e4a; z-index:99;} .innertabsnav li .active .text .maintext, .editorstool .innertabsnav li .active a span {background:url("../img/tab-act.png") 100% 0 no-repeat; font-weight:bold; z-index:99;} .innertabsnav li .myaccount {background:url("../img/account1.png") 0 0 no-repeat; display:inline-block; float:left; font-size:1em; margin-top:-2px; padding:2px 0 0 28px; text-decoration:none;} .innertabsnav li .modify {display:inline-block; float:left; font:normal 0.75em Arial; margin:0 0 3px 10px;} .editorstool fieldset .innertabsnav li h2 {font-size:1em; height:36px; margin:0; padding:0; position:relative;} .editorstool .innertabsnav li h2 a {font-size:1em; margin:0; padding:0 0 0 5px;} .editorstool .innertabsnav li h2.active span {color:#001e4a;} /* Tabcontent ---------------------------------------------- */ .tabscontent {overflow:hidden; margin-bottom:20px; padding:10px;} .tabscontent1 {background:#fff url("../img/box-bottom-half.png") 0 100% no-repeat; padding:0 0 30px 0; width:100%;} .mijnfnv .tabscontent1 {background-color:transparent; padding-bottom:20px;} .mainwide .tabscontent1 {background:#fff url("../img/box-bottom-wide.png") 0 100% no-repeat;} .leftwide .tabscontent1 {background:#fff url("../img/box-bottom-half1.png") 0 100% no-repeat; padding-bottom:10px;} .editorstool .tabscontent1 {background:#fff url("../img/box-bottom-editorstool.png") 0 100% no-repeat; padding-bottom:10px;} .tabscontent1 img.right {margin:-20px 0 0 30px;} .innertabscontent1 {border-left:1px solid #334b6e; border-right:1px solid #334b6e; overflow:hidden; padding:10px 14px 0 14px;} .editorstool .innertabscontent1 {padding:10px 14px 0 14px; width:605px;} .mainwide .tabscontent2 {background:#fff url("../img/box1-bottom-wide.png") 0 100% no-repeat; padding:0 0 15px 0;} .mainwide .tabscontent2 .innertabscontent1 {border:none; padding:0;} .mainwide .tabscontent2 .cols {background:#fff url("../img/box1-wide.png") 0 0 no-repeat; overflow:hidden; padding:10px 20px 0 20px;} .mainwide .bottombasic {background:#fff url("../img/box-bottom-wide1.png") 0 100% no-repeat;} .tabsselected {display:block;} .mijnfnv .tabscontent1 h2 {padding-bottom:10px;} /* Comboselect ---------------------------------------------- */ div.comboselect {border:0; display:block; float:left; margin-bottom:10px; padding:0; width:100%;} div.comboselect label {color:#069; float:left; font-size:1.2em; font-weight:700; width:100%;} div.comboselect select {background-color:#f4f8fd; border:#3385ad solid 1px; height:230px; width:265px; } div.comboselect fieldset {border:0; padding:0;} div.comboselect select option {border:0; color:#069; width:100% !important;} div.comboselect div.csLeftSide {float:left; width:265px;} div.comboselect div.csButtons {float:left; padding:95px 0 0 14px; width:61px;} div.comboselect div.csButtons a {display:block; outline:none; padding-bottom:9px; width:38px;} div.comboselect div.csButtons a.csremove {padding-left:10px;} div.comboselect div.csRightSide {float:right; width:265px;} /* Subjects navigation ---------------------------------------------- */ .subjectsnav {margin:0 0 35px 0; clear:both; overflow:hidden; width:100%;} .subjectsnav ul {margin:0; padding:0;} .subjectsnav ul li {background:none; border-right:1px solid #d2dde8; clear:none; float:left; line-height:1.2em; list-style:none; padding:0 6px;} .subjectsnav ul li.firstitem {padding-left:0;} .subjectsnav a, .subjectsnav span {font-size:1.2em;} .subjectsnav span {color:#666;} /* Pages navigation ---------------------------------------------- */ .pageresults {clear:both; overflow:hidden; margin-top:30px; padding:0; width:100%;} .pagesnav {border-top:1px solid #5c9dbd; clear:both; height:22px; text-align:left; position:relative; width:100%;} .pagesnav ul {list-style:none; margin:0; padding:0; top:-1px; position:absolute;} .pagesnav ul li {background:none; display:inline; margin:0; padding:0; height:auto;} .pagesnav li a, .pagesnav li.current span {display:inline-block; margin:0; padding:0; position:relative; text-align:center; width:15px;} .pagesnav li.current span {border:1px solid #89b3d0; border-top:1px solid #fff; font-weight:bold;} .pagesnav .previous {background:url("../img/arrows-left.png") 0 6px no-repeat; padding-right:10px; text-decoration:none; white-space:nowrap; width:auto;} .pagesnav .next {background:url("../img/arrows-right.png") 100% 6px no-repeat; padding-left:10px; text-align:right; text-decoration:none; white-space:nowrap; width:auto;} .pagesnav .previous span, .pagesnav .next span {cursor:pointer; text-decoration:underline;} /* Calendar ---------------------------------------------- */ #calendar .nav {background:#fff url("../img/calendar-top.png") 0 0 no-repeat; clear:both; height:26px; padding-top:8px; position:relative; text-align:center;} #calendar .nav h2 {border:none; color:#001e4a; display:inline; font:bold 1.2em Arial; margin:0; padding:0;} #calendar .nav .navprevmonth {background:url("../img/prev.png") 0 0 no-repeat; display:inline-block; height:12px; position:absolute; left:6px; top:11px; width:15px;} #calendar .nav .navnextmonth {background:url("../img/next.png") 0 0 no-repeat; display:inline-block; height:12px; position:absolute; right:5px; top:11px; width:15px;} #calendar .nav .navprevmonth:hover {background:url("../img/prev-mo.png") 0 0 no-repeat;} #calendar .nav .navnextmonth:hover {background:url("../img/next-mo.png") 0 0 no-repeat;} #calendar .calendar {background:#fff url("../img/box-shadow.png") 0 100% no-repeat; margin-bottom:20px; padding-bottom:7px;} #calendar .innercalendar {border:1px solid #66a3c2; border-top:none;} #calendar table {background:#fff; border-collapse:collapse; border:none; clear:both; margin:0; width:100%;} #calendar table th {background:#eaedf0; border:1px solid #afc3d7; border-top:none; color:#000; padding:3px 5px; text-align:center;} #calendar table td {background:#e5edf1; border:1px solid #afc3d7; color:#000; cursor:default; padding:3px 5px; text-align:center;} #calendar table .tdleft {border-left:none;} #calendar table .tdright {border-right:none;} #calendar table .lastrow {border-bottom:none;} #calendar table td.disabled {background:#eaedf0; color:#aaaaaa;} #calendar table td.othermonth {background:#fff; color:#fff;} #calendar table td.currentmonth {background:#f4f8fd;} #calendar table td.today {background:#ffd200; color:#000; text-decoration:none;} #calendar table td.active {color:#069; cursor:pointer; font-weight:bold; text-decoration:underline;} #calendar table td.active:hover {background:#069; color:#fff;} #calendar .agendanav {background:#fff url("../img/box-shadow.png") 0 100% no-repeat; margin:0 0 20px 0; overflow:hidden; padding-bottom:7px;} #calendar .agendanav ul {border:1px solid #66a3c2; border-bottom:none; border-top:none; list-style:none; overflow:hidden; margin:0; padding:0; width:253px;} #calendar .agendanav ul li { clear:both; float:left; padding:0;width:100%;} #calendar .agendanav ul li a {background:#fff; border-bottom:1px solid #afc3d7; display:block; padding:3px 10px; text-decoration:none;} #calendar .agendanav ul li.active a, #calendar .agendanav ul li.active a:hover {background:#069; color:#fff; font-weight:bold;} #calendar .agendanav ul li a:hover {background:#eaedf0; color:#001e4a;} /* Icons ---------------------------------------------- */ .share {background:url("../img/share.png") 0 2px no-repeat; display:inline-block; margin-right:15px; padding:4px 0 10px 30px;} .mail {background:url("../img/mail.png") 0 2px no-repeat; display:inline-block; margin-right:15px; padding:4px 0 10px 30px;} .printlink {background:url("../img/print.png") 0 2px no-repeat; display:inline-block; padding:4px 0 10px 30px;} .rss {background:url("../img/rss.png") 0 2px no-repeat;} .reply {background:url("../img/reply.png") 0 2px no-repeat;} .article {background:url("../img/article.png") 0 2px no-repeat;} .doc {background:url("../img/doc.png") 0 2px no-repeat;} .pdf {background:url("../img/pdf.png") 0 2px no-repeat;} .imgicon {background:url("../img/image-icon.png") 0 2px no-repeat;} .xls {background:url("../img/xls.png") 0 2px no-repeat;} .ppt {background:url("../img/pps.png") 0 2px no-repeat;} .pps {background:url("../img/pps.png") 0 2px no-repeat;} .audio {background:url("../img/audio.png") 0 2px no-repeat;} .rss1 {background:url("../img/rss1.png") 0 2px no-repeat;} /* Links ---------------------------------------------- */ a {color:#069;} a:hover {color:#001e4a;} .home h2 a, .item h2 a {font-size:0.9em; padding-bottom:5px;} .box1 h3 a {text-decoration:none;} a.readmore {background:url("../img/bg-read-more.gif") no-repeat; display:inline-block;} a.external {background:url("../img/extern.png") 100% 7px no-repeat; display:inline-block; padding:0 13px 0 0;} a.video {background:url("../img/video.png") 0 3px no-repeat; display:inline-block; padding:0 0 0 16px;} a.audio {background:url("../img/audio.png") 0 3px no-repeat; display:inline-block; padding:0 0 0 16px;} a.lidworden {background:url("../img/lidworden.png") 0 0 no-repeat; color:#fff; display:block; font:bold 1.8em Arial; height:60px; margin:35px 0 15px 0; padding:34px 0 0 30px; text-decoration:none; width:145px;} a:hover.lidworden {background:url("../img/lidworden-mo.png") 0 0 no-repeat;} a.wordlid {background:url("../img/lidworden-small.png") 0 0 no-repeat; color:#fff; display:block; font:bold 1.2em Arial; height:40px; margin:0; padding:22px 0 0 15px; text-decoration:none; width:95px;} a:hover.wordlid {background:url("../img/lidworden-small.png") 0 -68px no-repeat;} a.all {display:inline-block; margin-top:5px;} a.top {background:url("../img/top.png") 0 6px no-repeat; display:inline-block; margin:0 0 20px 0; padding:0 0 0 12px; position:relative; top:-10px;} a.back {background:url("../img/bg-arrow-back.png") 0 6px no-repeat; font-size:1em; padding-left:15px;} a.doc {background:url("../img/doc.png") 0 2px no-repeat; cursor:pointer; display:inline-block; padding-left:20px;} a.pdf {background:url("../img/pdf.png") 0 2px no-repeat; cursor:pointer; display:inline-block; padding-left:20px;} a.xls {background:url("../img/xls.png") 0 2px no-repeat; cursor:pointer; display:inline-block; padding-left:20px;} a.morenews {color:#001e4a; display:inline-block; float:right; font:bold 1em Arial; margin:10px 0 0 0;} a.morenews:hover {color:#006699;} a.cancel {color:#cc0200; display:inline-block; margin:2px 10px 0 0;} /* React ---------------------------------------------- */ .react, .react1, .metadatanav li.react1 {color:#ec6400;} .item .react {padding-bottom:10px;} .home .item .react {margin-top:-8px;} .home.leftwide1 .item .react {margin-top:-3px;} .links .react {margin-left:5px;} .react a, .react1 a {background:url("../img/react.png") 1px 2px no-repeat; color:#ec6400; font-size:0.9em; padding-left:13px; text-decoration:none;} .react1 a {font-size:1em;} .react a:hover, .react1 a:hover {text-decoration:underline;} /* Buttons wrapper ---------------------------------------------- */ .form .buttons {background:#f4f8fd; height:30px; margin-bottom:20px; overflow:hidden; padding:10px;} .editorstool .form .buttons {background:none; padding-left:170px;} .editorstool .editorsform .buttons {background:#f4f8fd; overflow:hidden; padding:10px 15px;} .items6 .col.rightcol .buttons {background:none; padding:0; padding-right:10px;} .loginform .buttons {background:none; margin:0; padding:0 0 0 110px;} .loginform .buttons2 {padding-left:0;} .activate .loginform .buttons {background:#f4f8fd; padding:10px 15px 10px 150px;} .activate .loginform .buttons1 {padding-left:15px;} .registrationform .buttons {margin:0 0 20px 0; padding:4px 4px 0 150px;} .registrationform .buttons1, .messageform .buttons {padding:4px 15px 0; text-align:center;} .loginformWrapper .loginform .buttons {background:#f4f8fd; padding-top:4px;} .accountBlock .buttons {background:none; margin:0; padding:0 10px;} /* Orange buttons ---------------------------------------------- */ .orangebutton {clear:both; overflow:hidden; padding-bottom:15px; width:100%;} .orangebutton .innerbutton {background:url("../img/orange-button.png") 100% 0 no-repeat; cursor:pointer; float:left; overflow:hidden;} .right .innerbutton {float:right;} .orangebutton a.button {background:url("../img/orange-button.png") 0 0 no-repeat; border:none; cursor:pointer; color:#fff; display:inline-block; font:bold 1.4em Arial; height:36px; line-height:2em; margin-right:7px; overflow:visible; padding:0 18px 0 25px; text-align:center; text-decoration:none; text-shadow: #9c4b10 -1px 1px 1px;} .orangebutton .innerbutton:hover {background:url("../img/orange-button-ho.png") 100% 0 no-repeat;} .orangebutton .innerbutton:hover a.button {background:url("../img/orange-button-ho.png") 0 0 no-repeat; color:#fff;} .orangebox .orangebutton {padding-left:15px;} .orangebox .orangebutton .innerbutton {background:url("../img/orange-button1.png") 100% 0 no-repeat;} .orangebox .orangebutton a.button {background:url("../img/orange-button1.png") 0 0 no-repeat;} .orangebox .orangebutton .innerbutton:hover {background:url("../img/orange-button1-ho.png") 100% 0 no-repeat;} .orangebox .orangebutton .innerbutton:hover a.button {background:url("../img/orange-button1-ho.png") 0 0 no-repeat;} .orangebox1 .orangebutton {display:inline-block; padding:0; width:70%;} .orangebox1 .orangebutton .innerbutton, .orangebox1 .orangebutton .innerbutton a {float:none; display:block; overflow:hidden;} .editorstool .orangebutton {clear:none; width:auto;} .editorstool .orangebutton .innerbutton {background:url("../img/orange-button2.png") 100% 0 no-repeat;} .editorstool .orangebutton a.button {background:url("../img/orange-button2.png") 0 0 no-repeat;} .editorstool .orangebutton .innerbutton:hover {background:url("../img/orange-button2-ho.png") 100% 0 no-repeat;} .editorstool .orangebutton .innerbutton:hover a.button {background:url("../img/orange-button2-ho.png") 0 0 no-repeat;} .orangebutton.left {clear:none; margin-right:20px; width:auto;} .box4 .orangebutton .innerbutton {background:url("../img/orange-button3.png") 100% 0 no-repeat;} .box4 .orangebutton a.button {background:url("../img/orange-button3.png") 0 0 no-repeat; height:26px; line-height:1.5em;} .box4 .orangebutton .innerbutton:hover {background:url("../img/orange-button3-ho.png") 100% 0 no-repeat;} .box4 .orangebutton .innerbutton:hover a.button {background:url("../img/orange-button3-ho.png") 0 0 no-repeat;} .accountBlock .rightcol .orangebutton {clear:none; display:inline-block; float:right; margin:80px 0 0 5px; padding-bottom:0; width:auto;} .accountBlock .orangebutton .innerbutton {background:url("../img/orange-button4.png") 100% 0 no-repeat; float:none;} .accountBlock .orangebutton a.button {background:url("../img/orange-button4.png") 0 0 no-repeat; font:normal 1.1em Arial; height:24px; margin-right:7px; padding: 0 8px 0 15px; line-height:1.5em;} .accountBlock .orangebutton .innerbutton:hover {background:url("../img/orange-button4.png") 100% -40px no-repeat;} .accountBlock .orangebutton .innerbutton:hover a.button {background:url("../img/orange-button4.png") 0 -40px no-repeat;} /* Blue buttons ---------------------------------------------- */ .bluebutton {clear:both; overflow:hidden; padding-bottom:15px; width:100%;} .bluebutton .innerbutton {background:url("../img/blue1-button.png") 100% 0 no-repeat; cursor:pointer; float:left; overflow:hidden;} .bluebutton a.button {background:url("../img/blue1-button.png") 0 0 no-repeat; border:none; cursor:pointer; color:#fff; display:inline-block; font:bold 1.4em Arial; height:26px; line-height:1.5em; margin-right:7px; overflow:visible; padding:0 18px 0 25px; text-align:center; text-decoration:none; text-shadow: #1170a0 -1px 1px 1px;} .bluebutton .innerbutton:hover {background:url("../img/blue1-button-mo.png") 100% 0 no-repeat;} .bluebutton .innerbutton:hover a.button {background:url("../img/blue1-button-mo.png") 0 0 no-repeat; color:#fff;} .smallbutton, .smallbutton:hover {background:url("../img/btn-small.png") 100% 0 no-repeat; color:#fff; display:inline-block; font-weight:bold; height:21px; margin-top:-2px; overflow:hidden; padding-top:2px; width:45px; text-align:center; text-decoration:none;} .submit, .form .buttons .submit {background:url("../img/blue-button.png") 100% 0 no-repeat; cursor:pointer; display:inline-block; height:27px; overflow:hidden;} .editorsform .submit {float:left;} .editorsform .submit.right {float:right;} .submit .button, .form .buttons .submit .button {background:url("../img/blue-button-lft.png") 0 0 no-repeat; border:none; color:#069; cursor:pointer; display:inline-block; font:bold 1.2em Arial; height:27px; line-height:1.6em; margin-left:0; overflow:hidden; padding:1px 15px 4px 13px; text-align:center; text-decoration:none;} .submit:hover, .form .buttons .submit:hover {background:url("../img/blue-button-ho.png") 100% 0 no-repeat;} .submit:hover .button, .form .buttons .submit:hover .button {background:url("../img/blue-button-lft-ho.png") 0 0 no-repeat;} .form .buttons .submit {background:url("../img/blue-button1.png") 100% 0 no-repeat;} .form .buttons .submit .button {background:url("../img/blue-button-lft1.png") 0 0 no-repeat;} .form .buttons .submit:hover {background:url("../img/blue-button-ho1.png") 100% 0 no-repeat;} .form .buttons .submit:hover .button {background:url("../img/blue-button-lft-ho1.png") 0 0 no-repeat;} .form .buttons2 .submit input.button.width1 {font-size:1.1em; width:300px;} .editorsform .buttons .normalButton {background:url("../img/blue-button-lft1.png") 0 0 no-repeat; cursor:pointer; float:left; padding-left:6px;} .editorsform .buttons .normalButton span {background:url("../img/blue-button1.png") 100% 0 no-repeat; display:block; padding:0 22px 0 16px;} .editorsform .buttons .normalButton span input {background:transparent; border:none; color:#069; cursor:pointer; display:inline; font:bold 1.2em Arial; height:27px; line-height:1.6em; overflow:hidden; padding:0 0 3px 0; text-align:left; text-decoration:none;} .accountBlock .submit, .accountBlock .form .buttons .submit {background:none; font:normal 0.9em Arial; height:24px; left:10px; position:relative;} .accountBlock .submit3.submit {left:auto;} .accountBlock .submit .button, .accountBlock .submit3.submit .button {background:url("../img/blue-buttons.png") 100% 0 no-repeat; font:normal 1.2em Arial; line-height:1.5em; text-shadow: #d1e7f2 -1px 1px 1px; margin:0; padding:0 0 7px 0; width:90px;} .accountBlock .submit .button:hover {background:url("../img/blue-buttons.png") 100% -34px no-repeat;} .accountBlock .submit3.submit .button {background:url("../img/blue-buttons.png") 100% -68px no-repeat; width:220px;} .accountBlock .submit3.submit .button:hover {background:url("../img/blue-buttons.png") 100% -102px no-repeat;} .accountBlock .submit4.submit .button {background:url("../img/blue-buttons.png") 100% -136px no-repeat; width:90px;} .accountBlock .submit4.submit .button:hover {background:url("../img/blue-buttons.png") 100% -170px no-repeat;} /* Dark blue buttons ---------------------------------------------- */ .submit1.submit {background:none; background:url("../img/bluedark-button.png") 100% 0 no-repeat; height:24px;} .submit1.submit .button {background:none; background:url("../img/bluedark-button-lft.png") 0 0 no-repeat; color:#fff; font:bold 1.15em Arial; line-height:1.4em; margin-left:0; padding:0 25px 4px 23px; height:24px;} .submit1.submit:hover {background:none; background:url("../img/bluedark-button-ho.png") 100% 0 no-repeat;} .submit1.submit:hover .button {background:none; background:url("../img/bluedark-button-lft-ho.png") 0 0 no-repeat;} .submit.forward {background:url("../img/blue-button-forward.png") 100% 0 no-repeat; cursor:pointer; height:27px;} .submit.forward:hover {background:url("../img/blue-button-forward-ho.png") 100% 0 no-repeat;} .submit.forward .button {text-align:left;} .submit.forward .button.send {padding-left:10px; width:185px;} /* Grey button ---------------------------------------------- */ .greyButton {background:url("../img/grey-button.png") 100% 0 no-repeat; cursor:pointer; display:inline-block; overflow:hidden;} .greyButton a {background:url("../img/grey-button.png") 0 0 no-repeat; border:none; color:#333; display:inline-block; font:normal 1.1em Arial; height:22px; line-height:1.5em; margin-right:7px; overflow:visible; padding:0 14px 0 21px; text-align:center; text-shadow: #e9e9e9 -1px 1px 1px; text-decoration:none;} .greyButton:hover {background:url("../img/grey-button.png") 100% -38px no-repeat;} .greyButton:hover a {background:url("../img/grey-button.png") 0 -38px no-repeat;} /* Green buttons ---------------------------------------------- */ .greenButton {background:url("../img/green-button.png") 100% 0 no-repeat; cursor:pointer; display:inline-block; overflow:hidden;} .greenButton a {background:url("../img/green-button.png") 0 0 no-repeat; border:none; color:#fff; display:inline-block; font:normal 1.1em Arial; height:22px; line-height:1.5em; margin-right:7px; overflow:visible; padding:0 14px 0 21px; text-align:center; text-shadow: #439486 -1px 1px 1px; text-decoration:none;} /* Form buttons ---------------------------------------------- */ .form .buttons .button {border:none; color:#069; cursor:pointer; display:inline-block; font:bold 1.2em Arial; height:27px; line-height:1.6em; margin-left:0; overflow:hidden; padding:1px 20px 0 20px; text-align:left; text-decoration:none; width:auto;} .form .buttons .previous .button {background:url("../img/buttons1.png") 0 -32px no-repeat; margin-right:5px; padding:0 10px 3px 20px; text-align:right; width:118px;} .form .buttons .next .button {background:url("../img/buttons1.png") 100% -32px no-repeat; padding:0 20px 3px 10px; width:118px;} .form .buttons .leftlink .button, .form .buttons .rightlink .button {background:transparent; font-size:1em; float:left; font-weight:normal; margin-right:14px; padding-left:10px; text-decoration:underline; width:auto;} .form .buttons .rightlink .button {float:right; text-align:right;} .form .buttons .leftlink .button {background:url("../img/bg-arrow-back.png") 0 0.85em no-repeat; font-size:1em; font-weight:bold; padding-left:10px;} .form .disabled .submit, .form .disabled .submit:hover {background:url("../img/blue-button-disable.png") 100% 0 no-repeat;} .form .disabled .submit .button, .form .disabled .submit .button:hover {background:url("../img/blue-button-lft-disable.png") 0 0 no-repeat; color:#aaccdf; cursor:default;} .form .buttons .previous .button:hover {background:url("../img/buttons1.png") 0 0 no-repeat;} .form .buttons .next .button:hover {background:url("../img/buttons1.png") 100% 0 no-repeat;} .form .buttons .next.ideal .button {background:url("../img/buttons1.png") no-repeat scroll 100% -96px transparent; width:174px;} .form .buttons .next.ideal .button:hover {background-position:100% -64px;} .form .buttons .next.send .button {background:url("../img/buttons1.png") no-repeat scroll 100% -160px transparent; width:185px;} .form .buttons .next.send .button:hover {background-position:100% -128px;} .loginform .buttons .button, .registrationform .buttons .button {text-align:center;} .form .uploadPhoto {background:url("../img/btn2.png") 0 0 no-repeat; border:none; color:#fff; cursor:pointer; font:bold 0.9em Arial; line-height:1.3em; text-align:center; overflow:visible; padding-bottom:4px; height:23px; width:144px;} .form .uploadPhoto:hover {background:url("../img/btn2-hover.png") 0 0 no-repeat;} .form .uploadWrapper .uploadPhoto { margin-right:10px;} .formitem.formitem1 .submit.left {clear:both;} .form .submit input.button.width1 {padding:1px 10px 4px 10px; width:360px;} .form .submit input.button.width2 {padding:1px 10px 4px 10px; width:310px;} .form .submit input.button.width3 {padding:1px 10px 4px 10px; width:260px;} .form .submit input.button.width4 {padding:1px 10px 4px 10px;width:210px;} .form .submit input.button.width5 {padding:1px 10px 4px 10px; width:160px;} .form .submit input.button.width6 {padding:1px 10px 4px 10px; width:110px;} .form .submit input.button.width7 {padding:1px 10px 4px 10px; width:60px;} .form .submit input.button.searchmember {width:105px;} .form .formitem1.ideal {padding:0 10px 0 0; width:100%;} .form .submit input.button.ideal {width:174px;} /* Images/Visuals ---------------------------------------------- */ .intro img.left {margin:5px 20px 0 0;} img.visual {background:url("../img/bg-img-shadow.png") 0 100% no-repeat; margin-right:15px; padding-bottom:8px;} img.visual1 {background:#fff; border:1px solid #b9c4d3; margin-bottom:5px; padding:4px;} img.visual2 {border:1px solid #b9c4d3; margin-bottom:5px;} img.visual3 {background:url("../img/bg-img-shadow-small2.png") 0 100% no-repeat; margin-right:15px; padding-bottom:8px;} img.visual4 {background:url("../img/bg-img-shadow1.png") 0 100% no-repeat; margin:0 15px 10px 0; padding-bottom:8px;} img.visual5 {background:url("../img/bg-img-shadow-small3.png") 0 100% no-repeat; margin:0 20px 0 0; padding-bottom:8px;} .visualbox {float:left; position:relative;} .image {clear:both; overflow:hidden; margin-bottom:20px; width:100%;} .caption {color:#14315b; display:block; font:normal 1em Arial; padding:5px 0 0 0;} /* Photo ---------------------------------------------- */ .photo {background:#eaecf0; border-bottom:10px solid #fff; display:table-cell; height:160px; overflow:hidden; text-align:center; width:175px; vertical-align: middle;} .photo a {display:inline-block; margin:0 auto; position:relative; vertical-align: middle;} .photo a img { display:block; vertical-align: middle;} .photo span.empty {display:inline-block; height:100%;vertical-align: middle; font-size:0em; line-height:0px; margin:0; padding:0; width:0px;} .photo span.zoomin {background:url("../img/zoomin.png") 0 0 no-repeat; bottom:0; cursor:pointer; display:block; position:absolute; height:16px; right:0; width:16px;} /* Slimbox (Lightbox used in Photo Gallery) ---------------------------------------------- */ #lbOverlay {background-color:#000; cursor:pointer; height:100%; left:0; position:fixed; top:0; width:100%; z-index:9999;} #lbCenter, #lbBottomContainer {background-color:#fff; overflow:hidden; position:absolute; z-index:9999;} .lbLoading {background:#fff url("../img/loading-slimbox.gif") no-repeat center;} #lbImage {background-repeat:no-repeat; border:10px solid #fff; left:0; position:absolute; top:0;} #lbPrevLink, #lbNextLink {display:block; outline:none; position:absolute; top:0; width:50%;} #lbPrevLink {left:0;} #lbPrevLink:hover {background:transparent url("../img/prevlabel.gif") no-repeat 0 15%;} #lbNextLink {right:0;} #lbNextLink:hover {background:transparent url("../img/nextlabel.gif") no-repeat 100% 15%;} #lbBottom {border:10px solid #fff; border-top-style:none; color:#666; font-size:10px; line-height:1.4em; text-align:left;} #lbCloseLink {background:transparent url("../img/closelabel.gif") no-repeat center; display:block; float:right; height:22px; margin:5px 0; outline:none; width:66px;} #lbCaption, #lbNumber {margin-right:71px;} #lbCaption {font-weight:bold;} /* Flash/Video ---------------------------------------------- */ .flashcontent {padding-bottom:10px;} .flashcontent object, .flashcontent embed {overflow:hidden;} .video a.thmbnail {float:left; margin-right:15px; position:relative; text-decoration:none; width:160px;} .col .video p {clear:both; width:100%;} .video a.thmbnail span {background:url("../img/bt-play.png") 0 0 no-repeat; display:block; height:44px; left:60px; position:absolute; text-indent:-900em; top:36px; width:44px;} .video a.thmbnail:hover span {background-image:url("../img/bt-play-hover.png");} /* Statements ---------------------------------------------- */ .proantiheader div {float:left; width:48%; margin-bottom:20px; overflow:hidden;} .pro {clear:left;} .pro img {border-top:2px solid #ec6400;} .anti img {border-top:2px solid #006699;} .voor {background:url("../img/voor.png") 0 0 no-repeat; margin:5px 10px -10px 0; height:31px; width:97px;} .tegen {background:url("../img/tegen.png") 0 0 no-repeat; margin:5px 10px -10px 0; height:31px; width:104px;} .imgText span {left:-999px; position:absolute;} .imgText img {border:none;} .nameinfo {margin-bottom:20px; padding:0 0 5px 15px;} .pro .nameinfo {border-left:1px solid #ec6400;} .anti .nameinfo {border-left:1px solid #006699;} .nameinfo .name { display:block; font-size:1.3em; text-transform:uppercase;} .statementreplies {width:60%;} /* Fancybox ---------------------------------------------- */ #fancybox-loading {position:fixed; top:50%; left:50%; width:40px; height:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; z-index:1104; display:none; } #fancybox-loading div {background:url("../img/fancybox.png") 0 0 no-repeat; position:absolute; top:0; left:0; width:40px; height:480px; } #fancybox-overlay {position:absolute; top:0; left:0; width:100%; z-index:1100; display:none; } #fancybox-tmp {padding:0; margin:0; border:0; display:none; } #fancybox-wrap {position:absolute; top:0; left:0; padding:20px; z-index:1101; outline:none; display:none;} #fancybox-outer {position:relative; width:100%; height:100%; } #fancybox-content {width:0; height:0; padding:0; outline:none; position:relative; z-index:1102; } #fancybox-hide-sel-frame {position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; z-index:1101; } #fancybox-close {background:url("../img/close.png") 100% 4px no-repeat; padding-right:17px; position:absolute; top:18px; right:38px; height:30px; cursor:pointer; z-index:1103; display:none; text-decoration:underline; } #fancybox-error {color:#666; font:normal 1.2em Arial; padding:14px; margin:0; } #fancybox-img {width:100%; height:100%; padding:0; margin:0; border:none; outline:none; line-height:0; vertical-align:top; } #fancybox-frame {width:100%; height:100%; border:none; display:block;} /* Fancybox overlay box ---------------------------------------------- */ .boxLftT {background:url("../img/box-lftt.png") 0 0 no-repeat; overflow:hidden; margin-bottom:10px; padding:0 0 0 12px;} .boxRghtT {background:url("../img/box-rghtt.png") 100% 0 no-repeat; padding:12px 0 0 0;} .boxLftB {background:url("../img/box-lftb.png") 0 100% no-repeat; margin-left:-12px; padding:0 0 0 12px;} .boxRghtB {background:url("../img/box-rghtb.png") 100% 100% no-repeat; padding:0 0 8px 0;} .boxContent {background:url("../img/box-rght.png") 100% 0 repeat-y; padding:0 6px 0 0;} .boxinnContent {background:url("../img/box-left.png") 0 0 repeat-y; margin-left:-12px; overflow:hidden; padding:0 0 0 6px;} .boxContent h1, .boxContent h2 {background:url("../img/box-heading-lft.png") 0 2px no-repeat; border-bottom:1px solid #98a7bb; clear:both; color:#006699; float:left; font:normal 1.7em Arial; margin:-4px 0 7px -1px; padding:0 0 0 5px; position:relative; width:100%;} .boxContent .form h2 {background:none; border:none; color:#000; float:none; padding:10px 0;} .boxContent h1 .headingright, .boxContent h2 .headingright {background:url("../img/box-heading.png") 100% 2px no-repeat; clear:both; color:#006699; display:block; padding:6px 0 9px 12px;} .boxContent .makeaccount {clear:none; display:inline-block;} .boxContent .inloglink {background:none; border:none; color:#333; display:inline-block; font-size:0.6em; border-left:1px solid #b9c4d3; line-height:1.7em; margin:0 0 0 10px; padding:0 0 0 10px; width:auto;} .registrationBox {width:690px;} .loginBox {width:365px;} #content .loginBox {width:auto;} .messageBox {width:485px;} /* Innercontent forms ---------------------------------------------- */ .innInnContent {background:#fff url("../img/halfwide.png") 479px 0 repeat-y; padding-top:20px; margin-top:-20px; overflow:hidden;} .innInnContent1 {background:#fff; padding-top:20px; margin-top:-20px; overflow:hidden;} .boxContent .innInnContent {background:#fff url("../img/grey-border.png") 485px 0 repeat-y; overflow:hidden;} /* Accountbox ---------------------------------------------- */ .accountbox {background:url("../img/account.png") 50% 0 no-repeat; margin-left:5px; overflow:hidden;} .accountbox ul {margin:80px 0 20px 0;} .accountbox ul li {color:#71abc9; line-height:1.3em; list-style:none; overflow:hidden; padding:25px 0 10px 0; text-align:center; width:100%;} .accountbox ul li.branchenews, .accountbox ul li.moreinfo {background:url("../img/arrow-down2.png") 50% 0 no-repeat;} .accountbox ul li.homemade {background:url("../img/homemade.png") 50% 0 no-repeat; padding-top:35px;} .accountbox ul li.whatsubjects {background:url("../img/whatsubjects.png") 50% 0 no-repeat; padding-top:35px;} .accountbox ul li h2 {border:none; color:#006699; font:bold 1.5em Arial; padding-bottom:0;} .accountbox ul li a {font-weight:bold;} .boxContent .accountbox {background:url("../img/account.png") -4px 0 no-repeat; margin-left:10px; overflow:hidden;} /* Cropperbox ---------------------------------------------- */ .cropperbox {background:url("../img/photo-cropper.png") 50% 0 no-repeat; margin:30px 0 0 5px; padding-top:170px; overflow:hidden;} .cropperbox ul { clear:both; margin:0 0 10px 0; padding:0 10px 0 20px;} .cropperbox ul li {padding:0 0 10px 0; width:100%;} .cropperbox h2 {background:none; border:none; color:#006699; font:bold 1.5em Arial; padding-bottom:0;} /* Password checker ---------------------------------------------- */ .top_testresult {color:#333; display:block; height:10px; font-size:0.9em; line-height:0.8em; float:right; margin:6px 30px 0 0; width:100px; padding-left:30px; position:absolute; right:-70px;} .boxContent .top_testresult {right:-80px;} .activate .top_testresult {right:0;} .formcontainer .top_testresult { margin-left:400px; right:auto;} .top_testresult span {background:#fff; display:inline-block; padding-bottom:2px;} .top_shortPass {background:url("../img/password-checker.png") 0 0 no-repeat;} .top_badPass {background:url("../img/password-checker.png") 0 -12px no-repeat;} .top_goodPass {background:url("../img/password-checker.png") 0 -24px no-repeat;} .top_strongPass {background:url("../img/password-checker.png") 0 -36px no-repeat;} .top_sameNick {background:none; padding-left:0; right:-45px;} .formcontainer .top_sameNick {right:auto;} /* Hint ---------------------------------------------- */ .hint {display:inline-block; font-size:0.9em; margin-bottom:5px;} .hint1 {display:block; font-size:0.9em; margin:15px 0 15px 0;} .hint2 {color:#586388; display:inline-block; margin-left:10px;} .hint3 {color:#586388; margin-top:-10px;} .hint4 {clear:both; color:#586388; display:block; margin:5px 0 5px 0; width:100%;} p.hint4 {margin-top:0;} .hint5 {display:inline-block; font-size:0.9em; padding-left:10px;} /* Searcharea content ---------------------------------------------- */ #searcharea1 {margin-bottom:30px; overflow:hidden;} #searcharea1.searcharea1 {margin-bottom:10px;} #searcharea1 .insearch {background:url("../img/bg-search-input-lft.png") 0 0 no-repeat; float:left; margin-right:10px; overflow:hidden; padding-left:5px; width:317px;} #searcharea1 .ininsearch {background:url("../img/bg-search-input-rght.png") 100% 0 no-repeat; float:left; overflow:hidden; padding-right:5px; width:312px;} #searcharea1 .searchfield {background:url("../img/textfield.png") 0 0 repeat-x; border:none; float:left; height:26px; line-height:1.8em; padding:0 0 2px 0; width:312px;} #searcharea1 .submit {float:left;} #searcharea1 .hint {color:#666; display:block; padding:5px 0 10px 0; width:100%;} #searcharea1 .optional {display:block; font-size:1.2em; width:100%;} #searcharea1 .optional a {font-weight:bold;} #searcharea1 .of {background:url("../img/dot.png") 50% 0 repeat-y; display:inline-block; font:italic normal 1.5em Arial; margin-left:20px; height:40px;} #searcharea1 .of span {background:#fff; margin-top:7px;} /* Image uploader ---------------------------------------------- */ .imageuploader {margin:0; padding:0;} .imageuploader .message {color:#cc0200;} .imageuploader .message strong {font-size:1.4em;} .imageuploader li {list-style:none; padding:0 0 15px 20px;} .imageuploader li.check {background:url("../img/check.png") 0 15px no-repeat;} .imageuploader .frames {overflow:hidden; position:relative;} .imageuploader .frame {float:left;} .imageuploader .frame1 {bottom:4px; position:absolute; right:10px;} .imageuploader .frame .hint3 {background:url("../img/arrow-down2.png") 50% 100% no-repeat; text-align:center; margin-bottom:10px; padding-bottom:30px; width:120px;} .imageuploader #preview {height:120px; overflow:hidden; width:120px;} .uploadWrapper {overflow:hidden; position:relative; width:460px;} .uploadWrapper div {bottom:0; position:absolute; right:0;} /* ImgAreaSelect animated border style ---------------------------------------------- */ .imgareaselect-border1 {background: url("../img/border-anim-v.gif") repeat-y left top;} .imgareaselect-border2 {background: url("../img/border-anim-h.gif") repeat-x left top;} .imgareaselect-border3 {background: url("../img/border-anim-v.gif") repeat-y right top;} .imgareaselect-border4 {background: url("../img/border-anim-h.gif") repeat-x left bottom;} .imgareaselect-border1, .imgareaselect-border2, .imgareaselect-border3, .imgareaselect-border4 {opacity:0.5;} .imgareaselect-handle {background:#fff; border:solid 1px #000; opacity:0.5;} .imgareaselect-outer {background:#000; opacity:0.5;} /* Account block ---------------------------------------------- */ .accountBlockWrapper {background:#fff url("../img/account-block-bottom.png") 0 100% no-repeat; overflow:hidden; padding-bottom:5px;} .accountBlockWrapper #accountLoading {display:none; padding:120px 0 0 0; position:absolute; width:960px; z-index:999; text-align:center;} .accountBlockWrapper .heading2, .accountBlockWrapper h2 {display:block; font:bold 1.1em Arial; padding-bottom:8px;} .accountBlockContent {border-bottom:1px dotted #a5a5a5; overflow:hidden;} .accountBlock {background:url("../img/account-block.jpg") 0 0 no-repeat; border:1px solid #d7dce3; border-bottom:1px solid #fff; border-top:1px solid #f5f5f5; overflow:hidden; padding-bottom:10px;} .accountBlock .leftcol {background:url("../img/borders.png") 100% 0 repeat-y; position:static; width:54%;} .accountBlock .rightcol {background:url("../img/borders.png") 0 0 repeat-y; margin-left:-2px; padding-left:20px; width:43.5%;} .accountBlock .inlogBlock .leftcol {padding-right:20px; width:47.2%;} .accountBlock .inlogBlock .rightcol {width:48.5%;} .accountBlock .profileBlock .leftcol {background:none; width:49%;} .accountBlock .profileBlock .rightcol {background:none; width:48.5%;} .accountBlock .innercol {float:left; width:392px;} .accountBlock .inlogBlock .innercol {width:230px;} .accountBlock .profileBlock .innercol {width:345px;} .accountBlock p {padding-bottom:10px;} .accountBlock .intro {color:#000; font-size:1em; padding-bottom:5px;} .accountBlock ul {font-size:0.9em; margin-left:15px;} .accountBlock .col ul:last-child {margin-bottom:10px; padding-bottom:0;} .accountBlock .thumbnail.left a {text-align:center;display:block;} .accountBlock .thumbnail {background:#fff; border:1px solid #98a7bb; margin-right:15px; padding:4px 4px 24px 4px;} a.changelink {background:url("../img/change.png") 0 0 no-repeat; display:inline-block; margin:0 0 -4px 10px; padding:0 0 0 8px; position:relative; text-decoration:none;} a.changelink span {background:url("../img/change.png") 100% 0 no-repeat; color:#333; cursor:pointer; display:block; font-size:0.9em; height:14px; line-height:1.3em; margin:0; padding:0 8px 0 0;} a.changelink:hover span {color:#000;} .metaInfo {background:#ffffcc; color:#000; display:inline; margin-left:0; padding:1px 4px;} .metaInfo1 {background:#ffffcc; color:#000; display:inline-block; font-size:0.9em; margin-bottom:5px; padding:1px 4px;} .changeBox {background:#fff; border:1px solid #dbdbdb; text-align:right; overflow:hidden; padding:8px;} .profileBlock .changeBox {background:none; border:none;} .changeBox .heading3, .changeBox h3 {clear:both; display:block; font:italic normal 1.1em Arial; top:2px; padding-bottom:10px; position:relative;} .changeBox .greyButton {margin-left:10px;} .tipBlockWrapper {background:url("../img/quote-bottom.png") 0 99% no-repeat; overflow:hidden; margin-bottom:-20px; padding:0 0 27px 8px;} .tipBlock {background:#fff; border:1px solid #65a4c3; border-bottom:none; overflow:hidden; padding:10px;} .tipBlock h2, .tipBlock .heading2 {background:url("../img/lamp.png") 0 0 no-repeat; padding-left:20px;} /* Controlbar ---------------------------------------------- */ .controlBar {background:#f5f5f5; border:1px solid #dbdbdb; border-width:0 1px; font-size:0.9em; overflow:hidden; padding:6px 0;} .controlBar ul {float:right; margin:0; padding:0;} .controlBar ul li {border-left:1px solid #a5a5a5; display:inline-table; float:left; list-style:none; line-height:1.3em; overflow:hidden; padding:0 8px;} .controlBar ul li:first-child {border-left:none;} .controlBar ul li.infoLink {background:none;} .controlBar ul li a {outline:none; display:inline-block; padding:2px 0 2px 0;} .controlBar ul li a:hover {text-decoration:none;} .controlBar ul li.infoLink a {margin-right:20px;} .controlBar ul li a span {text-decoration:underline;} .controlBar ul li a:hover span {cursor:pointer; text-decoration:none;} .controlBar ul li.infoLink a, .controlBar ul li.infoLink a:hover {background:none;} .controlBar ul li.infoLink .name {background:url("../img/thumbnail-icon.png") 0 -27px no-repeat; outline:none; display:inline-block; padding:2px 0 2px 25px; text-decoration:none;} .controlBar ul li a.accordionToggler {text-decoration:none;} .controlBar ul li .hide {background: url("../img/arrow-up.png") 100% 3px no-repeat; display:none; padding-right:17px;} .controlBar ul li .show {background: url("../img/arrow-down3.png") 100% 3px no-repeat; display:inline-block; padding-right:17px;} .controlBar ul li .less .show {display:none; outline:none;} .controlBar ul li .less .hide {display:inline-block; outline:none;} /* Extra ---------------------------------------------- */ .banner {margin-bottom:20px;} .intro {color:#000; font-size:1.2em; line-height:1.5em; overflow:hidden; margin-bottom:20px;} .intro p {padding-bottom:0;} .intro.intro1 {font-size:1em;} .intro.intro1 p:first-child, .intro.intro1 img + p {font-size:1.2em; padding-bottom:20px;} .mijnfnv .col .intro {margin-bottom:0; padding-bottom:10px;} .form .intro {margin-bottom:0;} .quote {font:italic 1em/1.5em Georgia, "Times New Roman", Times, serif;} .metadata {color:#666;} .comments .metadata {font-size:0.9em;} .metadata1 {color:#575757; display:inline-block; font-style:italic; padding:5px 0;} .buttons .metadata1 {padding:0;} .rules {margin-top:-28px;} .signsleft {color:#575757; font:italic 1em/1.5em Georgia, "Times New Roman", Times, serif;} .signsleft .number {color:#333;} .communication {border:1px solid #ec6400; border-left:none; border-right:none; color:#ec6400; display:block; margin-bottom:10px; padding:2px 0; text-align:center;} .reactions {padding:10px 0;} .alingright {clear:both; overflow:hidden; padding-top:3px; text-align:right;} .location {color:#575757; font:normal 1em Georgia, "Times New Roman", Times, serif;} .keywords {margin:-20px 0 10px 0;} .makeaccount {clear:both; display:block;} .inloglink {background:#f4f8fd; border:1px solid #d2dde8; border-top:1px solid #98a7bb; clear:both; color:#000; display:inline-block; font-size:0.5em; margin:20px 0 10px 0; padding:4px 15px; width:430px;} .divide {display:block; padding:5px 0;} /* Form navigation ---------------------------------------------- */ .formnav ul {border-left:1px solid #d2dde8; clear:both; margin:0 0 20px 0; padding:0; overflow:hidden; width:100%;} .formnav ul li {background:none; border-right:1px solid #d2dde8; clear:none; float:left; line-height:1.6em; list-style:none; padding:0 10px;} .formnav ul li span {color:#586388; display:block; float:left;} .formnav ul li input {background:transparent; border:none; color:#586388; margin:0; padding:0; overflow:visible; text-align:left;} .formnav ul li.open .step {color:#069; cursor:pointer; font-size:1.1em; text-decoration:underline;} .formnav ul li.open span, .formnav ul li.open input {color:#069; cursor:pointer; text-decoration:underline;} .formnav ul li.open:hover .step, .formnav ul li.open:hover span, .formnav ul li.open:hover input, .formnav ul li.open input:hover {color:#001e4a;} .formnav ul li.active span {color:#001e4a; font:bold 1.2em/1.4em Arial;} .formnav ul li.active input {color:#001e4a; font:bold 1em Arial;} /* Form ---------------------------------------------- */ .form {margin:0; padding:0;} .form fieldset, .editorstool .newsform fieldset {border:1px solid #d2dde8; border-top:1px solid #98a7bb; margin:0 0 20px 0; padding:15px 15px 10px 15px; position:relative;} .form fieldset.clean {border:none;} .form fieldset h2 {color:#ec6400; font:bold 1.35em Arial; overflow:hidden; padding:0 0 8px 0;} .editorstool .form fieldset h2 {padding-bottom:15px;} .form .formcontainer fieldset h2 {clear:none; display:inline-block;} .form .formcontainer fieldset.prefilled h2, .form .formcontainer1 fieldset.prefilled h2 {color:#000; display:block; width:100%;} .form .formcontainer .last h2 {color:#ec6400;} .form fieldset h2 a {font:normal 0.75em Arial; line-height:1em; margin:4px 0 0 10px;} .form .formcontainer fieldset.prefilled .head1 h2, .form .formcontainer1 fieldset.prefilled .head1 h2 {display:inline-block; float:left; width:auto;} .form .formcontainer fieldset.prefilled .head1 .change, .form .formcontainer1 fieldset.prefilled .head1 .change {display:inline-block; padding:0 0 8px 10px; width:auto;} .form .formcontainer h3 {font:bold 1.1em Arial; padding-bottom:5px;} .form .prefilled p {padding-bottom:0;} .form .formcontainer .prefilled p, .form .formcontainer1 .prefilled p {padding-bottom:10px;} .form .formcontainer .prefilled span.left, .form .formcontainer1 .prefilled span.left {max-width:530px;} .form .prefilled {background:#f4f8fd; border:1px solid #d2dde8; border-top:1px solid #98a7bb; margin:0 0 20px 0; overflow:hidden; padding:15px; position:relative;} .form .fieldset1 {border:none; padding:0;} .form .formcontainer fieldset.fieldset1 {background:none; padding: 0; margin-top:10px;} .form .formcontainer fieldset.last {background:none;} .form .formcontainer fieldset, .form .formcontainer1 fieldset {position:static;} .form .obl {color:#001e4a;} .form .disabled {color:#333;} .form .disabled a {color:#069;} .form .auto {margin-top:-7px; padding:10px 0; position:relative;} .form .auto1 {margin-left:170px;} .form .auto span {background:#f9f9fb; border:1px solid #f2f5f8; line-height:1.3em; padding:1px 40px 1px 3px;} .form .loading {background:url("../img/loading.gif") 0 0 no-repeat; margin:-4px 0 0 -30px; height:32px; position:relative; width:32px;} .form .loading {background:url("../img/loading.gif") no-repeat scroll 0 0 transparent; height:32px; margin:-4px 0 0 -30px; position:relative; width:32px;} .form .formitem.disabled {overflow:visible;} .form .loading {background:url("../img/loading.gif") no-repeat scroll 0 0 transparent; height:32px; left:290px; margin:-20px 0 0 -30px; position:absolute; top:0px; width:32px; z-index:1;} .form .loading.hidden {display:none;} .form .auto1 .loading {left:210px;margin-top:0px;} .form .formitem {clear:both; margin-bottom:7px; overflow:hidden; width:100%;} .form .formitem1 {padding-left:170px; width:75%;} .form .formitemhidden {display: none;} .form .formcontainer .prefilled .formitem, .form .formcontainer1 .prefilled .formitem {margin-bottom:3px;} .form .formcontainer .prefilled .formitem3 {margin-bottom:20px;} .form .textfield {clear:left; padding-left:170px;} .form .textfield1 {padding-left:0;} .form .collections {clear:both; width:100%;} .form .collection {float:left; margin:0; width:540px;} .form .collection.nolabel {margin-left:170px;} .form .formitem2 .collection {padding-left:20px; width:auto;} .form .formitem5 .collection {width:500px;} .form .collection div {padding:0; width:auto;} .form .collection div.left {margin-right:5px;} .form .collection.row {width:700px;} .form .collection.row .formitem {clear:none; display:block; float:left; margin-bottom:0; padding-bottom:7px; width:auto;} .form .collection.row .formitem .front {margin-left:10px; margin-right:5px; width:auto;} .form .collection.row .formitem:first-child .front {margin:0; margin-right:10px; width:160px;} .form .collection.horizontal div {float:left;} .form .collection.horizontal div div {margin-right:14px;} .form label {cursor:pointer; display:inline-block; padding-bottom:5px;} .form label.front {float:left; margin-right:10px; padding:0; width:160px;} .form .formitem5 label.front {width:180px;} .form label.full {display:block; width:100%;} .form .formcontainer label.heading {font-weight:bold;} .form .formcontainer .prefilled label.front {padding-bottom:0;} .form label.hint {clear:both; color:#586388; display:block; margin:0; padding:0; width:auto;} .form textarea {border:1px solid #a5acb2; color:#000; float:left; height:80px; overflow:auto; padding:5px; width:96.8%;} .form .checkbox {display:inline-block; float:left; margin:0 5px 0 0; height:15px;} .form .radio {float:left; margin:2px 5px 0 0; height:15px;} .form .collection div.left .radio {margin:0 5px 2px 0;} .form .file {font:1em Arial; float:left; width:auto; margin:0 5px 0 0;} .form .text {border:1px solid #a5acb2; color:#000; float:left; font-size:1em; height:16px; overflow:hidden; padding:1px 5px 3px 5px; width:210px;} .form .text1 {width:40px;} .form .text2 {width:90px;} .form select {color:#000; float:left; font-size:1em; width:202px;} .form .select1 {width:auto;} .form .day {width:64px;} .form .month {width:96px;} .form .year {width:70px;} .form .metadata {color:#586388;} .form .error {clear:both; margin-bottom:5px; overflow:hidden; width:100%;} .form .error label {font-weight:bold; color:#cc0000;} .form .error select {border:2px solid #cc0000; height:24px;} .form .error textarea {border:2px solid #cc0000;} .form .error .text, .form .error .text1, .form .error .text3 {border:2px solid #cc0000;} .form .message {border:1px dashed #cc0000; clear:both; margin-bottom:20px; overflow:hidden; padding:15px;} .form .message h2, .form .message .heading2, .activate .form .message h2 {background:none; border:none; color:#cc0000; font:bold 1.1em/1.1em Arial; margin:0; padding:0 0 5px 0;} .form .message p {padding-bottom:0;} .form .message ul {margin:0; padding:0;} .form .message label {color:#cc0000; padding:0;} .form .message li {margin:0 0 0 15px; padding:0;} .form .message li span {clear:both; display:block; font-size:0.9em;} .form .infoblock + .message {overflow:hidden; margin-top:20px;} .form .items6 .message {margin:20px 0 0 0;} .form .formcontainer h2 input {background:url("../img/btn1.png") 0 0 no-repeat; border:none; color:#fff; cursor:pointer; float:right; font:bold 0.9em Arial; line-height:1.3em; text-align:center; overflow:visible; padding-bottom:4px; height:23px; width:110px;} .form .formcontainer h2 input:hover {background:url("../img/btn1-hover.png") 0 0 no-repeat;} .form .formcontainer a.back {display:inline-block; margin:0 0 20px 0;} .form .formcontainer .intro {padding-bottom:0;} .form .formcontainer .MultiFile-list {position:relative; margin-left:170px;} .form .formcontainer .MultiFile-label {background:#eaecf0; height:auto; padding:2px 5px; position:absolute; width:390px;} .form .formcontainer .MultiFile-removel {padding-left:12px;} .form .formcontainer .prefilled .formitem img {margin-top:3px;} .form .formcontainer .prefilled .formitem .hint {color:#586388; font-size:1.1em; margin-left:10px; position:relative; top:-20px; width:200px;} /* Form component ---------------------------------------------- */ .form .formcontainer label.width1 {padding:2px 5px; width:210px;} .form .formcontainer label.width2 {padding:2px 5px; width:96px;} .form .formcontainer label.width3 {padding:2px 5px; width:64px;} .form .formcontainer label.width4 {padding:2px 5px; width:32px;} .form .formcontainer label.width5 {padding:2px 5px; width:16px;} .form .formcontainer .metadata {clear:both; color:#666;} .form .formcontainer .metadata1 {color:#586388; padding:5px 0 0 170px;} .form .formcontainer h2 input.submitLink {background:none; border:none; color:#006699; cursor:pointer; font-size:.8em; margin:-3px 0 0 10px; padding:0; text-align:left; text-decoration:underline; width:auto;} .form .formcontainer label + .metadata {margin-left: 18px;} .form .left input.width1 {padding:2px 5px; width:210px;} .form .left input.width2 {padding:2px 5px; width:96px;} .form .left input.width3 {padding:2px 5px; width:64px;} .form .left input.width4 {width:32px;} .form .left input.width5 {width:16px;} .form input.text.width1 {width:210px;} .form input.text.width2 {width:96px;} .form input.text.width3 {width:64px;} .form input.text.width4 {width:32px;} .form input.text.width5 {width:16px;} .form .day {width:32px;} .form .month {width:96px;} .form .year {width:64px;} .form .formcontainer .day {padding:2px 5px; width:32px;} .form .formcontainer .month {padding:2px 5px; width:80px;} .form .formcontainer select.month {width:96px;} .form .formcontainer .year {padding:2px 5px; width:64px;} .form .fileupload input.width1 {width:290px;} .form select {width:220px;} .form .payment .col select { font-size:1.1em;} .form select.width1 {width:220px;} .form select.width2 {width:108px;} .form select.width3 {width:76px;} .form .formcontainer .left select {height:22px;} .form .metadata .hint {display:inline-block; margin-left:170px;} .form .formitem5 .metadata .hint {margin-left:190px;} /*.form .formitem.disabled .hint {display:inline-block;}*/ .form .collection .metadata .hint {margin-left:0;} .form .collection .metadata .hint label {padding:0 6px; margin-right:4px;} .form .collection .metadata .hint label:first-child {padding-left:2px;} .form .confirmed {border:1px dashed #4d9b1e; margin-bottom:15px; padding:15px 15px 5px 15px;} .form .warning {border:1px dashed #cc0000; margin-bottom:15px; padding:15px 15px 5px 15px;} .form .confirmed h2, .activate .form .confirmed h2, .accountBlockWrapper .confirmed .heading2 {color:#4d9b1e; font:bold 1.3em Arial; padding:0 0 10px 0;} .form .warning h2, .activate .form .warning h2, .accountBlockWrapper .warning .heading2 {background:url("../img/icon-exclamation.png") 0 2px no-repeat; color:#cc0000; font:bold 1.3em Arial; padding:0 0 10px 20px;} .accountBlockWrapper .confirmed .heading2, .accountBlockWrapper .warning .heading2, .accountBlockWrapper .message .heading2 {font:bold 1.2em Arial;} /* MijnFNV loginform ---------------------------------------------- */ .loginform {float:left; width:325px;} .loginform fieldset {border:none; margin-bottom:0; padding:0;} .loginform .formitem {margin-bottom:10px;} .loginform .buttons1 .formitem {clear:none; display:inline-block; float:left; margin:0; overflow:hidden; width:367px;} .loginform .formitem1 {padding-left:110px; width:75%;} .loginform input.text.width1 {width:180px;} .loginform label.front {width:100px;} .loginform .checkbox {bottom:-1px; margin:0 5px 0 0; position:relative;} .loginform .error {margin-bottom:10px;} .loginform .message {margin-bottom:15px; width:93%;} .activate .loginform {width:100%;} .activate .loginform fieldset {margin-top:20px;} .activate .loginform .formitem1 {padding-left:150px;} .activate .loginform label.front {width:140px;} .activate .loginform h2 {color:#ec6400;} .activate .loginform .text {width:200px;} .loginformWrapper .loginform {float:none; margin:10px 0; width:100%;} .loginformWrapper .loginform .hint {margin-left:10px;} .boxContent .loginform .message { padding:10px; width:285px;} /* MijnFNV account form ---------------------------------------------- */ .accountBlock .form {float:none; overflow:hidden; padding:10px 15px 0 15px; width:auto;} .accountBlock .form .registrationform {padding:0;} .accountBlock .form .message {font-size:0.9em; padding:10px; margin:0 0 15px 0;} .accountBlock .form .message h2 {font-size:1.1em;} .accountBlock .form .message ul { font-size:1em;} .accountBlock .form fieldset {border:none; margin-bottom:0; padding:0; position:static;} .accountBlock .inlogBlock {background:url("../img/account2.png") 100% 0 no-repeat;} .accountBlock .form .formitem {margin-bottom:7px;} .accountBlock .form .formitem:last-child {margin-bottom:0;} .accountBlock .form .formitem1 {padding-left:125px;} .accountBlock .form label {font-size:0.9em;} .accountBlock .form .front {float:left; margin-right:0; padding-right:10px; width:140px;} .accountBlock .profileBlock .front {width:125px;} .accountBlock .form .text, .accountBlock .form textarea, .accountBlock .form select {font-size:0.9em;} .accountBlock .form .text {padding:2px 5px;} .accountBlock .form select {height:20px;} .accountBlock .form .month {height:22px; padding:2px 2px 2px 0} .accountBlock .form input.text.width1 {width:182px;} .accountBlock .profileBlock input.text.width1 {width:170px;} .accountBlock .form .collection {clear:none; width:206px;} .accountBlock .form a.wordlid {margin:0 18px 0 10px;} /* MijnFNV registrationform ---------------------------------------------- */ .registrationform, .messageform {float:left; width:460px; position:relative; z-index:99} .registrationform1 {background:#fff;} .registrationform h2 {color:#ec6400;} .registrationform fieldset {border:none; padding:0;} .registrationform .formitem {width:460px;} .registrationform .formitem1 {padding-left:150px; width:70%;} .registrationform .formitem1 label {font-size:0.9em; max-width:90%;} .registrationform input.text {width:182px;} .registrationform input.text.width1 {width:100px;} .registrationform label.front {width:140px;} .registrationform select {height:22px; padding:2px;} .registrationform .collection {width:auto;} .registrationform p {padding-bottom:10px;} .boxContent .form {padding:10px 10px 10px 16px;} .boxContent .registrationform, .boxContent .messageform {width:452px;} .boxContent .registrationform .formitem {width:452px;} .boxContent .registrationform .imageuploader .formitem {width:432px;} .boxContent .registrationform .formitem1 {width:65%;} /* Newsform ---------------------------------------------- */ .newsform .collection {width:250px;} .newsform .metadata {color:#575757; display:block; float:left; font-size:0.9em;} .newsform .asterix {color:#ec6400;} .newsform fieldset {border:none; padding:0;} .newsformWrapper {background:#f4f8fd; overflow:hidden; padding:15px 15px 0 15px;} .newsformWrapper h2 {padding-bottom:10px;} .newsformWrapper .innerreactbox {border:none; padding:0;} .newsformWrapper .signsleft {display:block; float:none; font:normal normal 0.9em Verdana;} .newsformWrapper .checkboxlabel {font-size:0.9em;} .newsformWrapper textarea {width:95.5%;} /* MijnFNV iDeal form ---------------------------------------------- */ .form .payment fieldset {border:none; margin:0; padding:0; position:static;} .form .payment .infoblock .row {background:#f6f7f8; border-top:1px solid #c6c6c6; padding-bottom:0; width:680px;} .form .payment .infoblock .row span {color:#000;} .form .payment .infoblock .formitem, .form .payment .infoblock .col1, .form .payment .infoblock .col2, .form .payment .infoblock .col3, .form .payment .infoblock .col4 {clear:none; float:left;} .form .payment .infoblock .col1 {width:173px;} .form .payment .infoblock .col2 {width:277px;} .form .payment .infoblock .col2 span {color:#333; font-weight:normal;} .form .payment .infoblock .col3 {} .form .payment .infoblock .col4 {margin-left:14px;} .form .payment .infoblock .formitem label {width:auto;} .form .payment .infoblock .formitem span {margin-left:8px;} .form .payment .infoblock .total {background:#ebedf0; padding-bottom:8px;} .form .payment .infoblock .total span {color:#000; font-size:1.2em; font-weight:bold;} .form .payment .infoblock .total .col1 {text-align:right; width:435px;} .form .payment .infoblock .total .col2 {margin-left:15px; width:auto;} /* MijnFNV Correction form ---------------------------------------------- */ .form .correction fieldset {border:none; margin:0; padding:0; position:static;} .form .correction fieldset h2 {color:#000; float:left;} .form .correction table {border:none; margin-bottom:0;} .form .correction table th,.form .correction table td {border:none; padding-left:0; padding-top:0;} .form .correction table th {color:#000; font-weight:normal; text-align:left;} .form .correction .buttons {margin-bottom:20px;} /* TinyMCE ---------------------------------------------- */ .form .mceEditor {float:left; height:192px;} .editorsform .mceEditor {height:322px;} .form .mceEditor .mceStatusbar {display:none;} /* Editorsform ---------------------------------------------- */ .editorsform {margin-bottom:30px; overflow:hidden;} .editorsform h2 {padding-bottom:30px;} .editorsform .formcontainer, .editorsform .formcontainer1 {padding:0 0 0 15px; width:635px;} .editorsform fieldset {border:none; padding:0;} .editorsform .formitem {float:left; padding-bottom:19px; position:relative; overflow:visible; width:100%;} .editorsform .obl span {color:#ec6400;} .editorsform label {float:left; padding-bottom:2px; width:100%;} .editorsform label.front {color:#ec6400; float:left; font:bold 1.35em Arial; padding:0 0 10px 0; width:100%;} .editorsform .insearch {background:url("../img/bg-input-lft.png") 0 0 no-repeat; float:left; padding-left:6px; width:629px;} .editorsform .ininsearch {background:url("../img/bg-input-rght.png") 100% 0 no-repeat; float:left; overflow:hidden; padding-right:6px; width:623px;} .editorsform .text {border:#069 solid 1px; color:#069; float:left; font-size:1em; height:16px; overflow:hidden; padding:2px 5px 2px 5px; width:210px;} .editorsform .text1 {background:url("../img/textfield1.png") 0 0 repeat-x; border:none; float:left; height:30px; line-height:2em; overflow:hidden; padding:3px 0 2px 0; width:623px;} .editorsform textarea {border:#3385ad solid 1px; height:61px; width:623px;} .editorsform .status {font:italic normal 1em Georgia; position:absolute; right:0; top:4px;} .editorsform .textareaWrapper {float:left; position:relative; width:100%;} .editorsform .textareaWrapper .status {top:-26px;} .editorsform .fileupload {clear:both; overflow:hidden; padding:5px 0 10px 0;} .editorsform .imageupload {background:url("../img/paperclip.png") 1px 0 no-repeat; padding-left:30px;} .editorsform .MultiFile-list {float:left; padding-left:10px;} .editorsform .MultiFile-label {background:url("../img/image-icon.png") 0 3px no-repeat; color:#000; padding:2px 0 0 23px;} .editorsform .MultiFile-label a {padding-left:12px;} .editorsform .buttons a {float:left; font-size:1.1em; padding:4px 0 0 14px;} .editorsform .collection {padding-top:17px; width:100%;} .editorsform .collection div {float:left; width:300px;} .editorsform .collection div.first-child {width:393px;} .editorsform .collection div.first-child input.text {width:372px;} .editorsform .collection div.second-child {width:242px;} .editorsform .collection div.second-child input.text {width:221px;} .editorsform .hint {color:#666; display:block; padding:5px 0 10px 0; width:100%;} .editorsform .optional {display:block; font-size:1.2em; width:100%;} .editorsform .optional a {font-weight:bold;} .editorsform .upload {float:left; padding-bottom:5px; width:100%;} .editorsform .upload p {color:#333; padding-bottom:0;} .editorsform .upload div {float:left;} .editorsform .upload div.fileName {padding-right:10px; width:383px;} .editorsform .upload div.fileName #uplDownload_wrap {padding-right:10px; width:383px; background-color:#fff; padding:0 10px 0 0;} .editorsform .upload div.fileName div {background-color:#eaecf0; background-position:2px 3px; padding:1px 0 1px 25px; width:358px;} .editorsform .upload div.fileName div a {padding-left:14px;} .editorsform .upload div.name {width:242px;} .editorsform .upload div.name input.text {width:230px} /* Related content ---------------------------------------------- */ .relatedcontent {float:right; overflow:hidden; padding:20px 0 0 15px; width:255px;} .home .relatedcontent {padding-top:0; width:335px;} .leftwide .relatedcontent {width:255px;} .relatedcontentForm {float:right; margin-top:-66px; overflow:hidden; padding:0 0 0 3px; position:relative; width:267px;} .relatedcontentForm1 {margin-top:-135px;} .boxContent .relatedcontentForm, .boxContent .relatedcontentForm1 {margin-top:-7px; width:203px;} /* Local navigation ---------------------------------------------- */ #localnav {float:left; padding:0 0 40px 0; position:relative; margin:0 -1px 0 0; width:190px;} #localnav h2 {background:#069; border:none; color:#fff; font:bold 1.2em Arial; margin-bottom:0; overflow:hidden; padding:0; text-transform:none;} #localnav h2 a, #localnav h2 span {color:#fff; display:block; padding:8px 0 8px 10px; text-decoration:none;} #localnav h2 span a {padding:0; text-decoration:none;} #localnav ul {margin:0; padding:0; width:190px;} #localnav ul ul {border-bottom:1px solid #98a7bb; border-left:1px solid #98a7bb; border-right:1px solid #fff; padding:6px 0 10px 0; width:188px;} #localnav ul ul ul {border:none; padding:0;} #localnav ul li {background:none; clear:both; list-style:none; margin:0; padding:0; width:188px;} #localnav ul li a {background:url("../img/localnav-link.png") 0 0 repeat-x; border:1px solid #b9c4d3; border-right:1px solid #98a7bb; border-top:none; color:#586388; display:block; font-size:1.1em; outline:none; padding:6px 0 6px 10px; text-decoration:none; width:178px;} #localnav ul li li a {background:none; border:none; font-size:1em; margin-left:10px; padding:3px 0 3px 10px; width:168px;} #localnav ul li li li a {background:none; border:none; padding-left:20px; width:158px;} #localnav ul li li li li a {background:none; border:none; padding-left:30px; width:148px;} #localnav ul li .active {background:#fff; border-bottom:1px solid #98a7bb; border-left:1px solid #98a7bb; border-right:1px solid #fff; color:#001e4a; position:relative;} #localnav ul li li .active {font-weight:normal;} #localnav ul li .closed {background:url("../img/localnav-closed.png") 100% 0 no-repeat; color:#586388;} #localnav ul li .open {background:url("../img/localnav-open.png") 95% 50% no-repeat; border-bottom:none; border-left:1px solid #98a7bb; border-right:1px solid #fff; color:#001e4a; font-weight:bold; position:relative;} #localnav ul li a:hover {color:#001e4a;} #localnav ul li li .active, #localnav ul li li .active:hover {background-color:#eaedf0; border:none;} /* Sitemap ---------------------------------------------- */ #sitemap {background:#fff; border-top:#069 solid 5px; color:#333; margin:-5px auto 0 auto; padding:15px 0 35px 0; clear:both; overflow:hidden; padding:0 20px; position:relative; width:920px;} #sitemap .col {float:left; margin:47px 20px 0 0; position:relative; width:200px;} #sitemap .firstcol {margin-top:0;} #sitemap .rightcol {margin:0; padding-left:4px; width:236px;} #sitemap .heading {min-height:47px;} #sitemap h2 {color:#ec6400; font-size:1.35em; font-weight:bold; line-height:1.5em; padding:16px 0 8px;} #sitemap h3 {font:bold 1em Arial; margin:0; padding:0 0 3px 0;} #sitemap a {clear:both; color:#333; display:inline-block; padding:0; text-decoration:none;} #sitemap a:hover {text-decoration:underline;} #sitemap a.more {font-weight:bold;} #sitemap h3 a {color:#333; text-decoration:underline;} #sitemap h3 a:hover {color:#000;} #sitemap ul {float:left; line-height:1.7em; margin:0; overflow:hidden; padding:0; padding-bottom:20px; width:100%;} #sitemap ul ul {border-top:none; margin-bottom:0;} #sitemap ul li {background:url("../img/list-item1.png") 0 6px no-repeat; float:left; list-style:none; overflow:hidden; margin:0; padding:0 0 0 12px; width:100%;} #sitemap ul li.head {background:none; padding-left:0;} #sitemap .bookmarks li {padding:0 0 2px 0;} #sitemap .bookmarks a {color:#069; padding-left:20px; text-decoration:underline;} #sitemap .bookmarks a:hover {color: #001e4a;} #sitemap .bookmarks h3 a {padding-left:0;} #sitemap .bookmarks .linkedin {background:url("../img/icon-linkedin.png") 0 45% no-repeat;} #sitemap .bookmarks .flickr {background:url("../img/icon-flickr.png") 0 45% no-repeat;} #sitemap .bookmarks .rss {background:url("../img/icon-rss.png") 0 45% no-repeat;} #sitemap .bookmarks .twitter {background:url("../img/icon-twitter.png") 0 45% no-repeat;} #sitemap .bookmarks .hyves {background:url("../img/icon-hyves.png") 0 45% no-repeat;} #sitemap .bookmarks .facebook {background:url("../img/icon-facebook.png") 0 45% no-repeat;} #sitemap .bookmarks a span {display:none;} /* Footer ---------------------------------------------- */ #footer {clear:both; padding-bottom:50px; width:100%;} #innerfooter {background:#fff; margin:0 auto; padding:20px; overflow:hidden; width:920px;} .activate #innerfooter {width:650px;} /* Footer navigation ---------------------------------------------- */ #footernav {border-top:1px solid #d2dde8; margin:0 auto; overflow:hidden; padding:10px 0 0 0; width:100%;} #footernav li {display:inline; list-style:none; margin:0; padding:0 5px;} #footernav li a {display:inline-block;} /* PRINT STYLES //Keep at bottom ---------------------------------------------- */ /* Layout ---------------------------------------------- */ .accountBlockWrapper, #header, .accesnav, #globalnav, #mainnav, #localnav, .systemnav, .subjectsnav, #breadcrumbs, /*.rightcol, .mainwide .rightcol */ .home .relatedcontent, .relatedcontent, #sitemap, #footer {display:none;} /*.rightcol, .mainwide .rightcol, should be on for 08-mijnsituatie-01.html //should be off for 04-branche-01.html */ /* Content ---------------------------------------------- */ .brandbox, .bluebox, .flashcontent, .pageresults, .orangebutton, .form .buttons, .editorstool .editorsform .buttons, .formitem.formitem1 .submit.left, .form .obl, .printlink, .banner, a.lidworden, a.top, .linksbox, #searcharea1, .results .recommended .recommendtext, .poll .pollcontrols {display:none;} /* Print specific styles ---------------------------------------------- */ #innerinnercontent, .leftwide #innerinnercontent, .leftwide1 #innerinnercontent {border:none;} /* Layout fixing ---------------------------------------------- */ #innercontent, .home #innerinnercontent, #innerinnercontent, .maincontent, .cols, div.comboselect {float:none; overflow:visible;} /*.cols for 04-branche-01.html*/ /* Forms ---------------------------------------------- */ .submit .button, .form .formcontainer h2 input {background:none;} .form .formcontainer h2 input {color:#999;} /* Lists ---------------------------------------------- */ ol, ul, li, ul.links li, ul.links li a {list-style:inside disc; padding-left:0;} ul li ul li {padding-left:20px;} ol, ol li {list-style:inside decimal;} #treenav .treenav li .plus {padding-left:0;} #treenav .treenav li .noicon {margin-left:0;} .react a, .react1 a {padding-left:0;} /* Poll ---------------------------------------------- */ .poll .progressbar {width:100%;}