/* CSS SCRIPT */
html {
margin:0;
padding:0;
height:100%;
color:#737373;
font-family:arial;
font-size:12px;
line-height:17px;
}
body.message p {
font-family:arial;
font-size:9px;
line-height:17px;
}
body {
margin:0;
padding:0;
background:url("../images/topmiddleBackground.jpg") repeat-x scroll 0 0 transparent;
height:100%;
}
div#container {
width:100%;
min-height:100%;
position:relative;
}
div#subcontainer {
width:960px;
margin:0 auto;
padding-bottom: 210px;
}
/* header */
div#header {
position:relative;
width:960px;
height:168px;
}
div#headerTwo {
position:relative;
width:960px;
height:168px;
display:block;
}
div#logoPayBack {
position:absolute;
top: 48px;
left:0;
width: 290px;
height:85px;
background:url("../images/logoPayBack.png") no-repeat scroll 0 0 transparent;
}
div#adminlogoPayBack {
position:absolute;
top: 48px;
left:0;
width: 400px;
height:85px;
background:url("../images/adminlogoPayBack.png") no-repeat scroll 0 0 transparent;
}
div#headerIcons {
position:absolute;
top: 117px;
left:710px;
width: 246px;
}
div#headerIcons ul li {
float:left;margin-left:15px;
}
div#headerIcons2 {
position:absolute;
top: 117px;
left:670px;
width: 286px;
}
div#headerIcons2 ul li {
float:left;margin-left:15px;
}
#flashcontent {
}
/* menu */
div#mainMenu {
width: 100%;
position: relative;
margin-bottom:47px;
}
ul#mainNavigation { position: relative;margin:0;padding:0;list-style-type:none;width:auto;height:37px;font-weight:bold; }
ul#mainNavigation li { display:block;float:left;margin:0;padding:0; overflow: visible; }
ul#mainNavigation li a { outline:none;display:block;float:left;color:#062748;text-decoration:none;padding:10px 0 2px 0;height:25px;width:120px;text-align:center;}
ul#mainNavigation li a:hover { background:transparent url("../images/tabHover.jpg") no-repeat top right;}
ul#mainNavigation li a.current{ background:transparent url("../images/tabHover.jpg") no-repeat top right;}
ul#mainNavigation ul { width: 100%; position: absolute; left: -1px; top: 37px; z-index: 5; display: none; }
ul#mainNavigation ul li { float:left; text-align:left; padding: 0; font-size: 12px; }
ul#mainNavigation ul li a { float:left; text-align:center; padding: 10px 0 12px 0; width:120px; background-image:url(images/); color: #888888; outline: 0; }
ul#mainNavigation ul li a:hover { float:left; text-align:center; padding: 10px 0 12px 0; width:120px; background-image:url(images/); color: #000000; outline: 0; }
ul#mainNavigation li:hover ul { padding:0; overflow: visible; display: block; text-align:left;background: #ffffff; background: url("../images/submenuBottom.jpg") repeat-x bottom left; z-index: 10; }
ul#mainNavigation li ul.current { padding:0; overflow: visible; display: block; text-align:left;background: #ffffff;background: url("../images/submenuBottom.jpg") repeat-x bottom left;z-index: 1; }
ul#mainNavigation li ul.current li a.current{ padding:0; background: url("../images/submenuBottom.jpg") repeat-x bottom left;float:left; text-align:center; padding: 10px 0 12px 0; width:120px; color: #000000; outline: 0; font-weight:bold; }
ul#mainNavigation li ul.current li a:hover{ padding:0; float:left; text-align:center; padding: 10px 0 12px 0; width:120px; color: #000000; outline: 0; font-weight:bold; }
/* content */
div#content {
position:relative;
float:left;
width:960px;
margin:0;
padding: 0 0 0 0;
height:100%;
}
/* nieuws panels */
div#panelContent {
position:relative;
margin-top:10px;
float:left;
background-color:#ffffff;
min-height:210px;
width:630px;
color:#062748;
}
div#panelContent2 {
position:relative;
margin-top:10px;
float:left;
background-color:#ffffff;
min-height:210px;
width:960px;
color:#062748;
}
#panelContent2 ul {list-style-type: circle; }
#panelContent2 li {background-image: url(images/driehoek.jpg); background-repeat: no-repeat;}
#panelContent2 li a {color: #000000; text-decoration: none;}
#panelContent2 li a:hover { color: #000000;text-decoration: underline; }
#panelContent2 a { color: #000000; text-decoration: none; }
#panelContent2 a:hover { color: #000000; text-decoration: underline; }
#panelContent ul {list-style-type: circle; }
#panelContent li {background-image: url(images/driehoek.jpg); background-repeat: no-repeat;}
#panelContent li a {color: #000000; text-decoration: none;}
#panelContent li a:hover { color: #000000;text-decoration: underline; }
#panelContent a { color: #000000; text-decoration: none; }
#panelContent a:hover { color: #000000; text-decoration: underline; }
div#panelRight {
position:relative;
margin-top:10px;
float:right;
width:300px;
color:#777777;
height:100%;
}
/* vereniging panels */
div#panelDeel1 {
position:relative;
float:left;
background-color:#ffffff;
min-height:300px;
width:300px;
color:#062748;
}
div#panelDeel2 {
position:relative;
margin-left:30px;
float:left;
background-color:#ffffff;
min-height:300px;
width:300px;
color:#062748;
}
div#panelDeel3 {
position:relative;
margin-left:30px;
float:left;
background-color:#ffffff;
min-height:300px;
width:300px;
color:#062748;
}
/* innercontent */
div#panelContent div#newsHead {
margin-left:0;
margin-bottom:10px;
}
div#panelContent div#newsContent {
padding-bottom:20px;
margin-bottom:10px;
}
div#panelContent div#newsContent p {
margin:5px 0 5px 0;
}
div#panelContent div#newsFoot {
margin-bottom:70px;
}
div#panelRight p {
margin:5px 15px 5px 15px;
}
div#panelRight .top {
background:transparent url("../images/toprightPanel.jpg") no-repeat top left;
height:9px;
width:100%;
}
div#panelRight .topbelangrijk {
background:transparent url("../images/.jpg") no-repeat top left;
width:100%;
}
div#panelRight .toplink {
background:transparent url("../images/toprightPanel.jpg") no-repeat top left;
height:9px;
width:100%;
}
div#panelRight .topjurisprudentie {
background:transparent url("../images/toprightPanel2.jpg") no-repeat top left;
width:100%;
height:9px;
}
/* voor de middeltse elementen nieuws, pers en bibliotheek met 6 items */
div#panelRight .middle {
background:transparent url("../images/middlerightPanel.jpg") repeat-y top left;
height:100%;
overflow:hidden;
width:100%;
}
/* voor de middeltse elementen bank items */
div#panelRight .bank {
background:transparent url("../images/middlerightPanel.jpg") repeat-y top left;
height:100%;
overflow:auto;
width:100%;
}
/* voor de middeltse elementen jurisprudentie items */
div#panelRight .jurisprudentie {
background:transparent url("../images/middlerightPanel2.jpg") repeat-y top left;
height:100%;
overflow:hidden;
color:#ffffff;
width:100%;
}
/* voor de middeltse elementen belangrijk items */
div#panelRight .belangrijk {
background:transparent url("../images/.jpg") repeat-y top left;
height:100%;
width:100%;
}
/* voor de middeltse elementen nieuws, pers en bibliotheek met 6 items */
div#panelRight .link {
background:transparent url("../images/middlerightPanel.jpg") repeat-y top left;
height:100%;
width:100%;
}
div#panelRight .bottom {
background:transparent url("../images/bottomrightPanel.jpg") no-repeat top left;
height:9px;
width:100%;
margin-bottom:20px;
}
div#panelRight .bottombelangrijk {
background:transparent url("../images/.jpg") no-repeat top left;
height:9px;
width:100%;
margin-bottom:20px;
}
div#panelRight .bottomjurisprudentie {
background:transparent url("../images/bottomrightPanel2.jpg") no-repeat top left;
height:9px;
width:100%;
margin-bottom:20px;
}
div#panelRight .bottomlink {
background:transparent url("../images/bottomrightPanel.jpg") no-repeat top left;
height:9px;
width:100%;
margin-bottom:20px;
}
div#panelContent div#newsLine {
margin-bottom:10px;
line-height:18px;
border-bottom:1px solid #e0e0e0;
width:100%;
}
.date {
color: #83929d;
}
.subject {
color: #000000;
display: inline-block;
width:30px;
}
.link {
color: #000000;
display: inline-block;
width:230px;
}
div#forumHead {
width: 960px;
height:20px;
background:url("../images/forumBalk.jpg") no-repeat top left;
color:#ffffff;
}
div#forumPostHead {
width: 960px;
height:25px;
background:#eaeaea;
border:1px #d4d0c8 solid;
color:#000000;
padding: 5px 10px 0 10px;
}
div#forumHead2 {
width: 960px;
height:20px;
background:url("../images/forumBalk2.jpg") no-repeat top left;
color:#ffffff;
}
div#forum {
width: 960px;
margin: 20px 0 20px 0;
}
div#forumPost {
width: 960px;
margin: 5px 0 20px 0;
}
.forumPostText {
padding:5px;
}
.userimage {
margin:5px;
}
.user {
border-right:1px #d4d0c8 solid;
}
div#forumEnd {
border-top:1px solid #e0e0e0;
background:#ffffff;
height:20px;
}
.forumtext {
color: #83929d;
}
#results {
border-top:1px solid #e0e0e0;
padding-top:15px;
}
#forumresults {
padding-top:15px;
}
/* footer */
div#footer {
height:184px;
padding:15px 0 0 0;
width:100%;
position:absolute;
bottom:0;
background:url("../images/footerBackground.jpg") repeat-x scroll 0 0 transparent;
background-color:#000;
}
div#footercontent {
width:960px;
margin:0 auto;
}
div#footer ul { margin-left:0; padding:0; }
div#copyright {
margin:0 auto;
bottom:0;
width:540px;
}
/* general items */
#fadeshow1 {
margin: 15px 0 15px 0;
}
ul#news { padding:0 15px 0 15px;margin:0 0 10px 0;list-style-type:none;width:270px;position:relative;display:block;height:100%;font-size:12px;font-family:arial,Verdana,sans-serif;}
ul#news li { width:270px; border-bottom: 1px dotted #062748;height:22px; }
ul#news li a { background-image:url("../images/bullet.jpg"); background-position:3px 10px; background-repeat:no-repeat; display:block;margin:0;padding:5px 0 0 22px;outline:none;color:#062748; text-decoration:none;}
ul#news li a:hover{ background-image:url("../images/bulletHover.jpg"); background-position:3px 10px; background-repeat:no-repeat; display:block;text-decoration: underline;margin:0;padding:5px 0 0 22px;outline:none;color:#000000; text-decoration:underline; }
ul#news li a.current { background-image:url("../images/bulletHover.jpg"); background-position:3px 10px; background-repeat:no-repeat; display:block;margin:0;padding:5px 0 0 22px;outline:none;color:#000000;}
ul#news2 { padding:0 15px 0 15px;margin:0 0 10px 0;list-style-type:none;width:270px;position:relative;display:block;height:100%;font-size:12px;font-family:arial,Verdana,sans-serif;}
ul#news2 li { width:270px; border-bottom: 1px dotted #062748;height:22px; }
ul#news2 li a { background-image:url("../images/bullet.jpg"); background-position:3px 10px; background-repeat:no-repeat; display:block;margin:0;padding:5px 0 0 22px;outline:none;color:#062748; text-decoration:none;}
ul#news2 li a:hover{ background-image:url("../images/bulletHover.jpg"); background-position:3px 10px; background-repeat:no-repeat; display:block;text-decoration: underline;margin:0;padding:5px 0 0 22px;outline:none;color:#000000; text-decoration:underline; }
ul#news2 li a.current { background-image:url("../images/bulletHover.jpg"); background-position:3px 10px; background-repeat:no-repeat; display:block;margin:0;padding:5px 0 0 22px;outline:none;color:#000000;}
ul#banks { float:left;padding:0 15px 0 15px;margin:0 10px 0 0;list-style-type:none;width:110px;position:relative;display:block;height:100%;font-size:12px;font-family:arial,Verdana,sans-serif;}
ul#banks li { width:110px; border-bottom: 1px dotted #062748;height:22px; }
ul#banks li a { background-repeat:no-repeat; display:block;margin:0;padding:5px 0 0 0;outline:none;color:#062748; text-decoration:none;}
ul#banks li a:hover{ background-repeat:no-repeat; display:block;text-decoration: underline;margin:0;padding:5px 0 0 0;outline:none;color:#000000; text-decoration:underline; }
ul#banks li a.current { background-repeat:no-repeat; display:block;margin:0;padding:5px 0 0 0;outline:none;color:#000000;text-decoration:underline;}
ul#agenda { float:left;padding:0 15px 0 15px;margin:10px 10px 10px 0;list-style-type:square;width:270px;position:relative;display:block;height:100%;font-size:12px;font-family:arial,Verdana,sans-serif;}
ul#agenda li { width:270px; border-bottom: 0 dotted #062748;height:22px; }
ul#agenda li a { background-image:url("../images/square.jpg"); background-position:3px 10px; background-repeat:no-repeat; display:block;margin:0;padding:5px 0 0 22px;outline:none;color:#062748; text-decoration:none; }
ul#agenda li a:hover{ background-image:url("../images/squareHover.jpg"); background-position:3px 10px; background-repeat:no-repeat; display:block;text-decoration: underline;margin:0;padding:5px 0 0 22px;outline:none;color:#000000; text-decoration:underline; }
ul#agenda li a.current { background-image:url("../images/squareHover.jpg"); background-position:3px 10px; background-repeat:no-repeat; display:block;margin:0;padding:5px 0 0 22px;outline:none;color:#000000;}
ul#links { float:left;padding:0 15px 0 15px;margin:0 10px 10px 0;list-style-type:square;width:270px;position:relative;display:block;height:100%;font-size:12px;font-family:arial,Verdana,sans-serif;}
ul#links li { width:270px; border-bottom: 0 dotted #062748;height:22px; }
ul#links li a { background-image:url("../images/bullet.jpg"); background-position:3px 10px; background-repeat:no-repeat; display:block;margin:0;padding:5px 0 0 22px;outline:none;color:#062748; text-decoration:none; }
ul#links li a:hover{ background-image:url("../images/bulletHover.jpg"); background-position:3px 10px; background-repeat:no-repeat; display:block;text-decoration: underline;margin:0;padding:5px 0 0 22px;outline:none;color:#000000; text-decoration:underline; }
ul#links li a.current { background-image:url("../images/bulletHover.jpg"); background-position:3px 10px; background-repeat:no-repeat; display:block;margin:0;padding:5px 0 0 22px;outline:none;color:#000000;}
h2.news {
font-size: 14px;
color:#062748;
padding: 0 15px 5px 15px;
}
h2.belangrijkkop {
font-size: 14px;
color:#062748;
padding: 12px 15px 15px 15px;
border-bottom: 4px solid #010101;
}
h2.jurisprudentiekop {
font-size: 14px;
color:#d3e6f4;
padding: 0 15px 5px 15px;
}
.newsImage {
padding: 10px 23px 15px 15px;
}
.informationImage {
padding:10px 10px 0 0;
margin: -5px 0 0 15px;
float:left;
}
.links {
margin: 25px;
}
h1 {
font-size: 22px;
margin:10px 0 5px 0;
}
h2 {
font-size: 14px;
}
h2.footer {
color:#ffffff;
font-size: 14px;
margin: 0 0 5px 0;
}
h3 {
color: #ff9933;
font-size: 12px;
}
#breadcrumb {
margin: 0 0 10px 0;
width:450px;
float:left;
}
#forumlinks {
margin: 0 0 10px 0;
width:250px;
float:right;
text-align:right;
}
/* hyperlinks */
.link1 {
font-size: 12px;cursor: pointer;font-family:arial; text-decoration: none;color:#e7991f;
}
.link1:hover {
font-size: 12px;cursor: pointer;font-family:arial; text-decoration: underline;color:#e7991f;
}
.link2 {
font-size: 12px;cursor: pointer;font-family:arial; text-decoration: none;color:#000000;
}
.link2:hover {
font-size: 12px;cursor: pointer;font-family:arial; text-decoration: underline;color:#000000;
}
.link3 {
font-size: 12px;cursor: pointer;font-family:arial; text-decoration: none;color:#062748;
}
.link4:hover {
font-size: 12px;cursor: pointer;font-family:arial; text-decoration: underline;color:#062748;
}
.link4 {
font-size: 12px;cursor: pointer;font-family:arial; text-decoration: underline;color:#062748;
}
.link3:hover {
font-size: 12px;cursor: pointer;font-family:arial; text-decoration: underline;color:#062748;
}
.footerheadNav {
font-size: 12px;cursor: pointer;font-family:arial; text-decoration: none;color:#e7991f;
}
.footerheadNav:hover {
font-size: 12px;cursor: pointer;font-family:arial; text-decoration: underline;color:#e7991f;
}
.footerNav {
cursor: pointer;font-family:arial; text-decoration: none;color:#ffffff;
}
.footerNav:hover {
cursor: pointer;font-family:arial; text-decoration: underline;color:#ffffff;
}
/* standard */
.image { margin: 10px 15px 10px 0; }
ul {
list-style:none outside none;
}
li {
list-style:none outside none;
}
td {
text-align:left;
padding: 0;
}
td {
vertical-align:top;
padding: 0;
}
th {
text-align:left;
padding: 0 5px 0 0;
}
th.first {
vertical-align:top;
padding: 0 5px 0 10px;
}
div {
text-align:left;
}
div.clear {
clear:both;
}
#sitemap #right ul li {
color:#4FA003;
list-style:circle inside none;
}
#sitemap #right ul li ul li {
color:#4FA003;
list-style:disc inside none;
padding-left:20px;
}
.error {
clear:both;
color:red;
float:left;
margin-left:120px;
}
.orderLabel {
float:left;
height:25px;
width:120px;
}
form {
display:inline;
margin:0;
}
input {
background:none repeat scroll 0 0 #F8FAFA;
border:1px solid #ABC6DD;
font-size:1em;
margin-bottom:5px;
margin-right:5px;
}
input:hover, input:focus, textarea:hover, select:hover, checkbox:hover {
background:none repeat scroll 0 0 #E2EBEB;
border:1px solid #4E6972;
}
input[type="text"], input[type="password"] {
padding:4px;
}
input[type="button"],input[type="reset"],input[type="file"], input[type="submit"] {
background:url("../images/layout/nav.png") repeat-x scroll left -50px transparent;
color:#062748;
cursor:pointer;
padding:3px 7px 3px 7px;
background:#fbfbfb;
}
input[type="reset"]:hover, input[type="file"]:hover,input[type="button"]:hover, input[type="submit"]:hover {
background:#d1e5ee;
cursor:pointer;
}
input[type="checkbox"] {
background:none repeat scroll 0 0 #F8FAFA;
}
textarea {
border:1px solid #ABC6DD;
width:400px;
}
.imgForumButton {
background-image:url("/images/bbc/ofm_bbc_bg.gif");
background-repeat:no-repeat;
border:0 none;
cursor:pointer;
height:22px;
margin:0 0 0 0;
width:23px;
}
label {
}
a.submitbutton2 {
background-image:url("../images/");
cursor:pointer;
display:block;
height:23px;
outline:medium none;
text-decoration:none;
}
div.wis {
background-image:url("../images/wis.jpg");
float:left;
height:23px;
margin-left:0;
margin-right:30px;
width:72px;
}
div.verstuur {
background-image:url("../images/verstuur.jpg");
float:left;
height:23px;
margin-right:30px;
width:72px;
}
#navigation {
margin: 20px auto;
}