/*
** main stylesheet Jeugd Rode Kruis 
*/

* {
padding: 0;
margin: 0;
}

body {
background: #FFF;
font-family: verdana, arial, sans-serif, sans;
font-size: 101%;
text-align: center;
}

a {
color: #333333;
}

a img {
border: none;
}

a.slideBtn { height:18px; padding:0 0 0 5px; display:inline-block; background-image:url(/jrk_layout/images/jrk_btnLeft.gif); background-color:transparant; color:#fff; font-size:9px; font-family:verdana; text-decoration:none; line-height:15px; }
a.slideBtn:hover { cursor:pointer; }
a.slideBtn span { padding-right:5px; background-image:url(/jrk_layout/images/jrk_btnRight.gif); background-repeat:no-repeat; background-position:right; display:inline-block; height:18px; }

p {
line-height: 120%;
}

form * {
font-family: verdana, arial;
}

#wrapper {
background: #FFF url(/jrk_layout/images/bg-wrapper.gif) repeat-y top left;
font-size: 97%;
margin: 0 auto;
position: relative;
text-align: left;
width: 970px;
}

#logo {
position: absolute;
top: 0px;
left: 15px;
}

/*
searh result
*/
.searchResult { width:455px; margin:10px auto;}
.searchResult img{ float:left; border:none; margin-top:5px;}
.searchResult  h2 { padding:0; margin:0; float:left; padding-left:10px;}
.searchResult  p { margin:0; padding:10px 0 0 0; clear:both; text-align:left}

/*
** top
*/

#top {
background: #FFF url(/jrk_layout/images/bg-top.gif) no-repeat top left;
color: #4c4c4c;
height: 30px;
line-height: 30px;
padding: 0 20px 0 0;
text-align: right;
}

#top ul {
list-style: none;
float: right;
}

#top ul li {
list-style: none;
float: left;
margin: 7px 0 0 3px;
text-align: center;
}

#top ul li a {
border-left: 1px solid #DEDEDE;
color: #4c4c4c;
float: left;
line-height: 15px;
padding: 0 4px 0 7px;
text-decoration: none;
}

#top ul li:first-child a {
border: none;
}

#top ul#resizer li.fs1 a,
#top ul#resizer li.fs2 a {
background: #666666 url(/jrk_layout/images/bg-resizer-li.gif) no-repeat top left;
color: #FFF;
border: none;
font-size: 85%;
height: 16px;
padding: 0;
width: 16px;
}

#top ul#resizer li.fs2 a {
font-size: 120%;
}

/*
** pins
*/

#pins a {
position: absolute;
text-indent: -9999px;
z-index: 9999;
}

#pins a#jeugdconsulent {
background: transparent url(/jrk_layout/images/bg-a-jeugdconsulent-nonactive.png) no-repeat top left;
height: 105px;
right: 87px;
top: 27px;
width: 99px;
}

#pins a#jeugdconsulent:active
#pins a#jeugdconsulent.active {
background: transparent url(/jrk_layout/images/bg-a-jeugdconsulent.png) no-repeat top left;
}

#pins a#jeugdconsulent:hover {
background: transparent url(/jrk_layout/images/bg-a-jeugdconsulent.png) no-repeat top left;
}

#pins a#leerkracht {
background: transparent url(/jrk_layout/images/bg-a-leerkracht-nonactive.png) no-repeat top left;
height: 93px;
right: 120px;
top: 120px;
width: 90px;
}

#pins a#leerkracht:active,
#pins a#leerkracht.active {
background: transparent url(/jrk_layout/images/bg-a-leerkracht.png) no-repeat top left;
}

#pins a#leerkracht:hover {
background: transparent url(/jrk_layout/images/bg-a-leerkracht.png) no-repeat top left;
}

#pins a#jeugdwerker {
background: transparent url(/jrk_layout/images/bg-a-jeugdwerker-nonactive.png) no-repeat top left;
height: 110px;
right: 16px;
top: 102px;
width: 107px;
}

#pins a#jeugdwerker:active,
#pins a#jeugdwerker.active {
background: transparent url(/jrk_layout/images/bg-a-jeugdwerker.png) no-repeat top left;
}

#pins a#jeugdwerker:hover {
background: transparent url(/jrk_layout/images/bg-a-jeugdwerker.png) no-repeat top left;
}

#pins a#vrijwilliger {
background: transparent url(/jrk_layout/images/bg-a-vrijwilliger-nonactive.png) no-repeat top left;
height: 75px;
right: 18px;
top: 30px;
width: 72px;
}

#pins a#vrijwilliger:active,
#pins a#vrijwilliger.active {
background: transparent url(/jrk_layout/images/bg-a-vrijwilliger.png) no-repeat top left;
}

#pins a#vrijwilliger:hover {
background: transparent url(/jrk_layout/images/bg-a-vrijwilliger.png) no-repeat top left;
}

/*
** header
*/

#header {
background: #FFF url(/jrk_layout/images/default-header.jpg) no-repeat top left;
height: 276px;
margin: 0 10px;
}

/*
** navigation
*/

#navigation {
background: transparent url(/jrk_layout/images/bg-navigation.png) no-repeat top left;
height: 170px;
margin: -155px 10px 0 10px;
}

#navigation ul {
height: 30px;
list-style: none;
line-height: 30px;
margin: 0 0 0 100px;
z-index: 100;
position: relative;
}

#navigation ul li {
float: left;
height: 30px;
line-height: 30px;
margin: 54px 0 0 0;
position: relative;
width: auto;
}

#navigation ul li a {
color: #FFF;
float: left;
font-size: 120%;
font-weight: bold;
height: 30px;
line-height: 30px;
padding: 0 7px;
text-decoration: none;
width: auto;
}

#navigation ul li a:hover {
background: #af2a2f url(/jrk_layout/images/bg-navigation-li-hover.gif) repeat-x top left;
}

#navigation ul li ul {
background: red;
position: absolute;
line-height: normal;
height: auto;
top: 30px;
left: -999em;
width: 160px;
z-index: 100;
margin: 0;
}

#navigation ul li:hover ul,
#navigation ul li.sfhover ul {
left: 0em;
background-position: 0 0; /* fix voor IE7 sticky bug - reference http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/ see comment #50 */
}

#navigation ul li:hover,
#navigation ul li.sfhover {
background: #af2a2f url(/jrk_layout/images/bg-navigation-li-hover.gif) repeat-x top left;
}

#navigation ul li ul li {
float: left;
margin: 0;
line-height: normal;
height: auto;
width: 160px;
z-index: 100;
}

#navigation ul li ul li a {
background: #d82128 url(/jrk_layout/images/bg-navigation-li-li.gif) no-repeat top left;
display: block;
float: none;
font-size: 105%;
font-weight: normal;
line-height: 25px;
height: 25px;
padding: 0 7px;
}

#navigation ul li ul li a:hover {
background: #333333 url(/jrk_layout/images/bg-navigation-li-li-hover.gif) no-repeat top left;
}

#navigation ul li ul li.empty {font: 0px/0px "Lucida Grande", sans serif;}

#content {
background: #af2a2f url(/jrk_layout/images/bg-content.gif) repeat-x 0 0;
margin: 0 10px 0 10px;
min-height: 500px;
padding: 0;
width: 950px;
}

#fix {
clear: both;
float: left;
margin: -60px 0 0 0;
position:relative;
width: 100%;
}

#breadcrumb {
background: transparent;
margin: 0px 225px 0 255px;
height: 15px;
}

/*
** leftcol (lc)
*/

#leftcol {
background: transparent;
float: left;
margin: -50px 0 0 -945px;
position: relative;
width: 229px;
}

#leftcol .boxtop {
background: transparent url(/jrk_layout/images/bg-lc-boxtop-default.png) no-repeat top left;
height: 100%;
padding: 0 20px;
}

#leftcol .default h3 {
background: transparent url(/jrk_layout/images/bg-cc-h3-red.gif) no-repeat 0 49px;
border-bottom: 1px solid #cccccc;
font-size: 135%;
font-family: "Century Gothic", "Trebuchet MS", arial, verdana;
margin: 0 0 5px 0;
padding: 45px 0 0 14px;
}

#leftcol .default ul {
font-size: 125%;
list-style: none;
margin: 0 0 0 10px;
}

#leftcol .default ul li {
background: transparent url(/jrk_layout/images/bg-li-star-grey.gif) no-repeat 0 6px;
padding: 0 0 0 12px;
}

#leftcol .default ul li a {
text-decoration: none;
}

#leftcol .default ul li.active a {
font-weight: bold;
}

#leftcol .default ul li.active li a {
font-weight: normal;
}

#leftcol .default ul li.active li.active a {
font-weight: bold;
}

#leftcol .default ul li ul {
font-size: 105%;
list-style: none;
margin: 0;
}

#leftcol .default ul li ul li {
background: transparent url(/jrk_layout/images/bg-li-star-grey.gif) no-repeat 0 6px;
font-size: 85%;
padding: 2px 0 2px 12px;
}


#leftcol .mijnjrk {
background: transparent url(/jrk_layout/images/bg-lc-boxtop-mijnjrk.png) no-repeat top left; 
}

#leftcol .kalender {
background: transparent url(/jrk_layout/images/bg-lc-boxtop-kalender.png) no-repeat top left; 
text-align: left;
}

#leftcol .kalender .event {
clear: both;
text-align: left;
}

#leftcol .kalender .eventtitle {
float: right;
font-weight: bold;
width: 143px;
}

#leftcol .kalender .eventlocation {
margin: 0 0 0 46px;
}

#leftcol .wablieft {
background: transparent url(/jrk_layout/images/bg-lc-boxtop-wablieft.png) no-repeat top left; 
}

#leftcol .wablieft span {
font-weight: bold;
color: #df2027;
}

#leftcol .mijnjrk h3,
#leftcol .wablieft h3 {
background: none;
border: none;
height: 93px;
margin: 0;
padding: 0;
text-indent: -9999px;
}

#leftcol .kalender h3 {
height: 50px;
text-indent: -9999px;
}

#leftcol .mijnjrk img {
float: left;
margin: 3px 7px 5px 0;
}

#leftcol .mijnjrk ul {
float: left;
list-style: none;
padding: 0 0 7px 0;
}

#leftcol .mijnjrk ul li {
background: transparent url(/jrk_layout/images/bg-li-raquo-red.gif) no-repeat 0 6px;
padding: 1px 0 1px 10px;
}

#leftcol .mijnjrk ul li.user {
background: none;
font-weight: bold;
padding: 0 0 5px 0;
}

#leftcol .mijnjrk p {
border-top: 1px solid #f0f0f0;
clear: both;
padding: 5px 0 0 0;
}

#leftcol .boxbottom {
background: transparent url(/jrk_layout/images/bg-lc-boxbottom.png) no-repeat top left;
height: 30px;
}

#leftcol .event {
padding: 5px 0 0 0;
text-align: center;
}

/*
** centercol (cc)
*/

#centercol {
display: block;
margin: 0px 221px 0 235px;
overflow: hidden;
width: 494px;
}

#centercol .boxtop {
background: none;
overflow: hidden;
width: 494px;
}

#centercol .boxtop .cf { /* cf = ClickFix, workarround voor IE6-bug geintroduceerd door eerste regel van smartsite in HTML <?xml ... > */
background: transparent url(/jrk_layout/images/bg-cc-boxtop.png) no-repeat top left;
padding: 20px 19px 1px 18px;
}

#centercol a {
position: relative;
z-index: 2000;
}

#centercol .boxbottom {
background: transparent url(/jrk_layout/images/bg-cc-boxbottom.png) no-repeat bottom left;
height: 27px;
}

#centercol p {
margin: 0 0 10px 0;
}

#centercol h1,
#centercol h3 {
background: transparent url(/jrk_layout/images/bg-cc-h3-red.gif) no-repeat 0 6px;
border-bottom: 1px solid #cccccc;
font-size: 140%;
font-family: "Century Gothic", "Trebuchet MS", arial, verdana;
margin: 0 0 5px 0;
padding: 0 0 0 12px;
}

#centercol .darkbox {
background: #CCCCCC url(/jrk_layout/images/bg-darkbox.gif) no-repeat top left;
overflow: hidden;
margin: 0 0 15px 0;
width: 457px;
}

#centercol .darkbox .inner {
background: transparent url(/jrk_layout/images/bg-darkbox-inner.gif) no-repeat bottom left;
padding: 10px;
}

#centercol .darkbox .inner h3,
#centercol .darkbox .inner h1 {
background: transparent url(/jrk_layout/images/bg-cc-darkbox-h3-red.gif) no-repeat 0 6px; 
border-bottom: 1px solid #FFFFFF;
position:relative;
}

#centercol .darkbox .inner p {
margin: 0 0 5px 0;
}

#centercol ul#charlist {
height: 16px;
list-style: none;
line-height: 16px;
margin: 0 0 0 -3px;
width: 457px;
}

#centercol ul#charlist li {
color: #aaaaaa;
display: inline;
float: left;
font-weight: bold;
padding: 0;
margin: 0;
text-align: center;
width: 17px;
}

#centercol ul#charlist li a {
float: left;
text-decoration: none;
width: 17px;
}

/*
** zoek in biebox
*/

#centercol #bieboxform {
padding: 0 0 15px 0;
}

#centercol #bieboxform .frmelement {
display: block;
padding: 0 0 5px 0;
}

#centercol #bieboxform .frmelement label {
float: left;
text-align: right;
margin: 4px 5px 0 0;
width: 100px;
}

#centercol #bieboxform .frmelement input {
background: #CCCCCC url(/jrk_layout/images/bg-form-input-inverse.gif) no-repeat top right;
border: none;
font-size: 105%;
height: 17px;
padding: 3px 9px 1px 9px;
width: 147px;
}

#centercol #bieboxform .frmelement select {
font-size: 105%;
width: 166px;
}

#centercol #bieboxform .frmelement .searchbtn {
background: transparent url(/jrk_layout/images/bg-searchbtn.gif) no-repeat top left;
border: none;
color: #CCCCCC;
cursor: pointer;
height: 18px;
overflow: hidden;
padding: 0 0 0 50px;
margin: 0;
width: 35px;
}

#centercol #bieboxform .frmelement>.searchbtn { 
height: 18px;
}

/*
** nieuws (home/extranet)
*/

#centercol #mainnews  {
overflow: hidden;
width: 457px;
}

#centercol #mainnews ul {
list-style: none;
width: 500px;
}

#centercol #mainnews ul li {
float: left; 
margin: 0 7px 0 0;
min-height: 130px;
width: 225px;
}

#centercol #mainnews ul li h4 {
font-size: 105%;
padding: 0 0 3px 0;
}

#centercol #mainnews ul li p {
clear: both;
margin: 0;
}

#centercol #mainnews ul li p.options {
text-align: right;
}

#centercol #mainnews ul li img {
border: 1px solid #000;
float: left; 
margin: 0 6px 6px 0;
}

#centercol #newslists  {
border-top: 1px dashed #d6d6d6;
overflow: hidden;
padding: 5px 0 0 0;
width: 457px;
}

#centercol #newslists h3 {
border: none;
}

#centercol #newslists ul {
list-style: none;
}

#centercol #newslists #archive,
#centercol #newslists #general {
float: left;
width: 225px;
}

#centercol #newslists #archive {
margin: 0 7px 0 0;
}

#centercol #newslists #archive li ,
#centercol #newslists #general li {
padding: 0 0 4px 12px;
}

#centercol #newslists p {
text-align: right;
}

#centercol #newslists #overview li {
padding: 3px 0;
}

#centercol #newslists #overview li a {
text-decoration: none;
}

/*
** newsdetail
*/

#centercol #newsdetail .meta {
color: #bbbbbb;
font-size: 105%;
padding: 0 0 10px 0;
}

#centercol #newsdetail h2 {
font-size: 115%;
}

#centercol #newsdetail ul {
list-style: none;
margin: 0 0 15px 25px;
}

#centercol #newsdetail ul li {
background: transparent url(/jrk_layout/images/bg-li-star-red.gif) no-repeat 0px 4px;
padding: 0 0 0 12px;
}

#centercol #newsdetail #overview {
text-align: right;
}

#centercol #newsdetail #overview a {
background: #FFF url(/jrk_layout/images/bg-back.gif) no-repeat left center;
padding: 0 0 0 14px;
position: relative;
}

#centercol #comments {
clear: both;
margin: 15px 0 0 0;
position: relative;
}

#centercol #comments .comment {
clear: both;
float: none;
padding:0 15px;
position: relative;
}

#centercol #comments .comment .meta {
color: #aaaaaa;
padding: 0 0 5px 0;
}

#centercol #comments .comment .meta strong {
color: #333333;
}

#centercol #comments .comment .meta strong a {
color: #d82128;
}

#centercol #comments form {
font-size: 115%;
overflow: hidden;
padding: 5px 0 0 0;
width: 457px;
}

#centercol #comments .frmelement {
float: left;
border: none;
margin: 0 13px 0 0;
width: 180px;
}

#centercol #comments input {
background: #FFF url(/jrk_layout/images/bg-form-input.gif) no-repeat top right;
border: none;
clear: both;
display: block;
float: left;
font-family: verdana, arial;
font-size:	95%;
height: 17px;
margin: 0 0 10px 0;
overflow: hidden;
padding: 2px 9px;
width: 147px;
}

#centercol #comments textarea {
background: #FFF url(/jrk_layout/images/bg-comment-textarea.gif) no-repeat top left;
border: none;
float: left;
font-family: verdana, arial;
font-size: 95%;
height: 163px;
margin: -1px 0 0 0;
overflow: auto;
padding: 2px 9px;
width: 242px;
}

#centercol #comments input#postcomment {
background: #FFF url(/jrk_layout/images/bg-commentbtn.gif) no-repeat top left;
clear: both;
cursor: pointer;
float: left;
height: 21px;
overflow: auto;
margin: 10px 0 0 390px;
padding: 0 0 0 63px; 
width: 63px;
}

/*
** multimedia
*/

#centercol #multimediaform {
font-size: inherit;
height: 90px;
margin: 0 0 0 25px;
}

#centercol #multimediaform .frmelement {
clear: both;
float: left;
overflow: hidden;
padding: 5px 0 0 0;
width: 500px;
}

#centercol #multimediaform .frmelement label {
float: left;
line-height: 17px;
width: 80px;
}

#centercol #multimediaform .frmelement div {
float: left;
width: 100px;
}

#centercol #multimediaform .frmelement div label {
float: none;
margin: 0 0 0 2px;
width: auto;
}

#centercol #multimediaform .frmelement input#trefwoord {
background: transparent url(/jrk_layout/images/bg-form-input-inverse.gif) no-repeat top right;
border: none;
font-size: 105%;
height: 21px;
padding: 3px 9px 0 9px;
width: 147px;
}

#centercol #multimediaform .frmelement .searchbtn {
background: transparent url(/jrk_layout/images/bg-searchbtn.gif) no-repeat top left;
border: none;
color: #CCCCCC;
cursor: pointer;
display: inline;
height: 18px;
overflow: hidden;
padding: 0 0 0 50px;
margin: 2px 0 0 -30px;
width: 35px;
}

#centercol #multimediaform .frmelement>.searchbtn { 
height: 18px;
}

#centercol #multimedialist  {
overflow: hidden;
width: 457px;
}

#centercol #multimedialist ul {
list-style: none;
width: 500px;
}

#centercol #multimedialist ul li {
float: left; 
margin: 0 7px 0 0;
min-height: 100px;
width: 225px;
}

#centercol #multimedialist ul li a {
font-weight: bold;
}

#centercol #multimedialist ul li a span {
cursor: pointer;
float: left;
line-height: 20px;
padding: 0 0 5px 30px;
}

#centercol #multimedialist ul li.foto a span {
background: #FFF url(/jrk_layout/images/bg-foto.gif) no-repeat top left;
}

#centercol #multimedialist ul li.video a span {
background: #FFF url(/jrk_layout/images/bg-video.gif) no-repeat top left;
padding: 0 0 5px 25px;
}
 
#centercol #multimedialist ul li.audio a span {
background: #FFF url(/jrk_layout/images/bg-audio.gif) no-repeat top left;
}

#centercol #multimedialist ul li p {
clear: both;
margin: 0;
}

#centercol #multimedialist ul li p.options {
text-align: right;
}

#centercol #multimedialist ul li img {
border: 1px solid #000;
float: left; 
margin: 0 6px 6px 0;
}

#centercol #multimedialist ul.more  {
border-top: 1px solid #cccccc;
float: left; 
height: 25px;
}

#centercol #multimedialist ul.more li {
background: #FFF url(/jrk_layout/images/bg-cross-red.gif) no-repeat 0 11px;
float: left; 
line-height: 25px;
height: 25px;
padding: 0 0 0 10px;
width: auto;
}

#centercol #multimedialist ul.more li a {
font-weight: normal;
}

#centercol .rating {
background: transparent url(/jrk_layout/images/bg-rating-red.gif) no-repeat top left;
float: right;
height: 12px;
width: 64px;
}

#centercol #photolist {
float: left;
overflow: hidden;
padding: 15px 0 0 0;
width: 457px;
}

#centercol #photolist ul {
float: left;
list-style: none;
width: 480px;
}

#centercol #photolist ul li {
float: left; 
margin: 0 8px 8px 0;
padding: 0px;
width: 85px;
}

#centercol #photolist ul li div {
border: 1px solid #000;
position:relative;
}



#centercol .star1 { background-position: 0 -48px; }
#centercol .star2 { background-position: 0 -36px; }
#centercol .star3 { background-position: 0 -24px; }
#centercol .star4 { background-position: 0 -12px; }
#centercol .star5 { background-position: 0 0px; }

/*
** contact 
*/

#centercol #contact form {
font-size: 110%;
overflow: hidden;
padding: 5px 0 0 25px;
width: 432px;
}

#centercol #contact form .frmelement {
/* float introduceerd noclick bug in IE6 ... float removed in IE6-fix.css */
float: left;
border: none;
margin: 0 13px 0 0;
width: 180px;
}

#centercol #contact form label {
display: block;
float: left;
padding: 5px 0 0 9px;
}

#centercol #contact form .frmelement {
margin: 0;
}

#centercol #contact form input {
background: #FFF url(/jrk_layout/images/bg-form-input.gif) no-repeat top right;
border: none;
clear: both;
display: block;
float: left;
font-family: verdana, arial;
font-size: 105%;
height: 19px;
margin: 3px 0 0px 0;
overflow: hidden;
padding: 3px 9px;
width: 147px;
}

#centercol #contact form textarea {
background: #FFF url(/jrk_layout/images/bg-contact-textarea.gif) no-repeat bottom right;
border: none;
float: left;
font-family: verdana, arial;
font-size:	95%;
height: 163px;
overflow: auto;
margin: 3px 0 0 0;
padding: 2px 9px;
width: 330px;
}

#centercol #contact form input#send {
background: #FFF url(/jrk_layout/images/bg-commentbtn.gif) no-repeat top left;
clear: both;
cursor: pointer;
float: left;
height: 21px;
overflow: auto;
margin: 10px 0 0 290px;
padding: 0 0 0 63px; 
width: 63px;
}

/*
** in de kijker (home / extranet)
*/

#centercol #indekijker  {
overflow: hidden;
width: 457px;
}

#centercol #indekijker ul {
list-style: none;
width: 500px;
}

#centercol #indekijker ul li {
float: left;
height: 100px;
margin: 0;
width: 412px;
}

#centercol #indekijker ul li img {
padding: 0;
margin: 0;
}

#centercol #indekijker ul li.previous,
#centercol #indekijker ul li.next {
background: #F2F2F2;
cursor: pointer;
width: 20px;
}

#centercol #indekijker ul li.previous span,
#centercol #indekijker ul li.next span {
display: none;
}

#centercol #indekijker ul li.previous {
background: #FFF url(/jrk_layout/images/bg-previous-red.gif) no-repeat center left;
}

#centercol #indekijker ul li.next {
background: #FFF url(/jrk_layout/images/bg-next-red.gif) no-repeat center right;
}

#centercol #indekijker ul li #DHTMLgoodies_panel_one,
#centercol #indekijker ul li #DHTMLgoodies_thumbs {	
width: 412px;
}
	
#centercol #indekijker ul li #DHTMLgoodies_panel_one {		
float:left;	
}

#centercol #indekijker ul li #DHTMLgoodies_thumbs {
overflow:hidden;
height:110px;	
position:relative;	
float:left;
}
	
#centercol #indekijker ul li .thumbnail {	
width:103px;	
padding:0px;	
position:absolute;
float: left;
}

#centercol #indekijker ul li .thumbnail div {
width:103px;
height:100px;
padding:0px;
text-align:center;
float: left;
}

#centercol #indekijker ul li .thumbnail img{
border:0px;
padding:0px;
margin: auto;
}

#centercol #indekijker ul li #DHTMLgoodies_thumbs_inner{
position:relative;	
width:824px;
}

/*
** bieboxlinks (content)
*/

#centercol #bieboxlinks  {
clear: both;
overflow: hidden;
width: 457px;
}

#centercol #bieboxlinks p {
margin: 0;
}

#centercol #bieboxlinks h3 {
position: relative;
}

#centercol #bieboxlinks h3 span {
font-family: verdana;
font-size: 74%;
font-weight: normal;
position: absolute;
top: 5px;
right: 0;
}

#centercol #bieboxlinks ul {
clear: both;
float: left;
list-style: none;
width: 500px;
}

#centercol #bieboxlinks ul li {
float: left;
margin: 0 5px 0 0;
overflow: hidden;
width: 113px;
}

#centercol #bieboxlinks ul li img {
clear: both;
display: block;
padding: 0;
margin: 0;
}

#centercol #bieboxlinks ul li a {
text-decoration: none;
}

/*
** biebox detail
*/

#centercol .bieboxdetail p {
clear: both;
margin: 0;
padding: 0 0 10px 0;
width: 457px;
}

#centercol .bieboxdetail p.meta {
color: #CCCCCC;
font-size: 95%;
text-align: right;
}

#centercol .bieboxdetail img {
border: 1px solid #000;
float: left;
margin: 3px 5px 5px 0;
}

/*
** albumdetail
*/

#centercol .albumdetail {
display: block; 
clear: both;
}

#centercol .albumdetail p {
clear: both;
float: none;
margin: 0;
padding: 0 0 10px 0;
width: 457px;
}

#centercol .albumdetail p span {
color: #CCCCCC;
line-height: 150%;
}

#centercol .albumdetail p span.meta {
color: #CCCCCC;
font-size: 95%;
text-align: right;
}

#centercol .albumdetail img {
border: 1px solid #000;
float: left;
margin: 3px 8px 10px 0;
}

#centercol .albumdetail p a {
text-decoration: none;
color:#333333;
}

/*
**
*/

#centercol .pager {
border-top: 1px solid #CCCCCC;
float: none;
clear: both;
color: #a9adac;
display: block;
margin: 8px 0 0 0;
padding: 8px 0 0 0;
width: 457px;
}

#centercol .pager ul {
float: none;
margin: 0;
padding: 0;
height: 20px;
line-height: 20px;
width: 457px;
}

#centercol .pager ul li {
display: block;
float: left;
line-height: 20px;
height: 20px;
padding: 0;
margin: 0 5px 0 0;
position: relative;
width: auto;
}

#centercol .pager ul li a {
color: #df0029;
float: none;
text-decoration: none;
}

#centercol .pager ul li.active a {
color: #000;
}

#centercol .pager ul li#goto {
float: right;
line-height: 20px;
height: 20px;
margin: 0;
}

#centercol .pager ul li#goto span {
line-height: 20px;
float: left;
margin: 0 3px 0 0;
vertical-align: top;
}

#centercol .pager ul li#goto form {
float: left;
}

#centercol .pager ul li#goto input {
background: #FFF url(/jrk_layout/images/bg-pager-goto.gif) no-repeat top center; 
border: none;
color: #000;
font-size: 100%;
padding: 2px 0 5px 0;
position: relative;
height: 20px;
text-align: center;
vertical-align: top;
width: 37px;
}

/*
** kalender 
*/

#centercol .kalender {

}

#centercol .kalender table {
background: #f9f9f9;
border-collapse: collapse;
border: 0px solid #c9c9c9;
font-size: 110%;
}

#centercol .kalender table td {
border-collapse: collapse;
border: 1px solid #c9c9c9;
border-width: 0 0 1px 0;
padding: 5px 3px;
}

#centercol .kalender table td.nav,
#centercol .kalender table td.nav2 {
background: #efefef url(/jrk_layout/images/bg-kalender-nav.gif) no-repeat top left;
font-size: 120%;
font-weight: bold;
padding: 5px 0;
text-align: center;
}

#centercol .kalender table td.nav2 {
background: #efefef url(/jrk_layout/images/bg-kalender-nav2.gif) no-repeat bottom left;
border: none;
}

#centercol .kalender table td.nav a,
#centercol .kalender table td.nav2 a {
color: #d82128;
font-weight: bold;
padding: 0 2px;
text-decoration: none;
}


#centercol .kalender table td.date {
border-width: 0 1px 1px 0;
font-weight: bold;
text-align: center;
width: 80px;
}

#centercol .kalender table td.time {
border: 0px solid #c9c9c9;
border-width: 0 0 1px 0;
text-align: center;
vertical-align: top;
width: 100px;
}

#centercol .kalender table td.active {
background: #d82128;
color: #FFF;
}

/*
** page options (back - print - mail - rss)
*/

#centercol #newslists p.options {
text-align: right;
}

#centercol #poptions {
position:relative;
height: 1px;
line-height: 1px;
width: 457px;
z-index: 1000;
}

#centercol #poptions ul {
height: 11px;
list-style: none;
position: absolute;
overflow: hidden;
margin: 0;
top: 6px;
right: 0px;
}

#centercol #poptions li {
float: left;
height: 10px;
margin: 1px 0 0 5px;
overflow: hidden;
z-index: 1000;
}

#centercol #poptions li a {
float: left;
overflow: hidden;
padding: 15px 0 0 0;
position: relative;
}

#centercol #poptions li#back {
width: 7px;
}

#centercol #poptions li#back a {
background: #FFF url(/jrk_layout/images/bg-back.gif) no-repeat top left;
overflow: hidden;
width: 7px;
}

#centercol #poptions li#mail {
width: 11px;
}

#centercol #poptions li#mail a {
background: #FFF url(/jrk_layout/images/bg-mail.gif) no-repeat top left;
}

#centercol #poptions li#print {
margin-top: 0;
width: 10px;
}

#centercol #poptions li#print a {
background: #FFF url(/jrk_layout/images/bg-print.gif) no-repeat top left;
}

#centercol #poptions li#rss {
width: 8px;
}

#centercol #poptions li#rss a {
background: #FFF url(/jrk_layout/images/bg-rss.gif) no-repeat top left;
}


#centercol .banner {
padding: 5px 0 11px 0;
text-align: center;
}

/*
**	FAQ pagina
*/

.vragen{
margin-bottom:25px;
background: #CCCCCC url(/jrk_layout/images/bg-darkbox.gif) no-repeat top left;
overflow: hidden;
margin: 0 0 15px 0;
width: 457px;
}

.vragen ul {
margin-top:10px;
margin-bottom:10px;
list-style: none;
padding: 0 0 3px 18px;
}

.vragen ul li {
background: transparent url(/jrk_layout/images/bg-li-raquo-red.gif) no-repeat 0 5px;
padding: 1px 0 1px 10px;
}

.antwoorden{
margin-bottom:25px;
}

/*
** rightcol (rc)
*/

#rightcol {
float: left;
margin: -70px 0 0 -216px;
position: relative;
width: 205px;
}

#rightcol .boxtop {
background: transparent url(/jrk_layout/images/bg-rc-boxtop-default.png) no-repeat top left;
min-height: 200px;
}

#rightcol .boxtop h3 {
height: 50px;
text-indent: -9999px;
}

#rightcol .boxtop p {
padding: 0px 15px;
}

#rightcol .zoekbiebox {
background: transparent url(/jrk_layout/images/bg-rc-boxtop-zoekbiebox.png) no-repeat top left;
}

#rightcol .zoekbiebox form {
margin: 0 20px;
padding: 0;
overflow: hidden;
width: 165px;
}

#rightcol .zoekbiebox form input {
background: #FFF url(/jrk_layout/images/bg-form-input.gif) no-repeat top right;
border: none;
font-size:	105%;
height: 15px;
margin: 0 0 5px 0;
padding: 3px 9px;
width: 147px;
}

#rightcol .zoekbiebox form select {
background: #c9c9c9;
border: none;
clear: both;
font-size: 105%;
margin: 0 0 5px 0;
padding: 2px 0;
width: 100%;
}

#rightcol .zoekbiebox form .searchbtn {
background: transparent url(/jrk_layout/images/bg-searchbtn.gif) no-repeat top left;
cursor: pointer;
height: 18px;
overflow: hidden;
padding: 0 0 0 300px;
margin: 0 0 0 129px;
width: 35px;
}

#rightcol .zoekbiebox form>.searchbtn { 
height: 18px;
}

#rightcol .meestgezocht {
background: transparent url(/jrk_layout/images/bg-rc-boxtop-meestgezocht.png) no-repeat top left;
min-height: 200px;
}

#rightcol .meestgezocht ul {
list-style: none;
padding: 0 0 3px 18px;
}

#rightcol .meestgezocht ul li {
background: transparent url(/jrk_layout/images/bg-li-raquo-red.gif) no-repeat 0 5px;
padding: 1px 0 1px 10px;
}

#rightcol .meestgezocht ul li.user {
background: none;
font-weight: bold;
padding: 0 0 5px 0;
}

#rightcol .boxbottom {
background: transparent url(/jrk_layout/images/bg-rc-boxbottom.png) no-repeat bottom left;
clear: both;
display: block;
height: 30px;
}

#rightcol #fotolist {
clear: both;
list-style: none;
margin: 0 0 0 4px;
width: 190px;
overflow: hidden;
}

#rightcol #fotolist li {
background: transparent url(/jrk_layout/images/bg-sidefoto.png) no-repeat top left; 
float: left;
margin: 0;
overflow: hidden;
width: 95px;
}

#rightcol #fotolist li div {
margin: 8px 0 33px 16px;
}

#rightcol #meermedia {
clear: both;
display: block;
height: 180px;
}

#rightcol #meermedia a {
background: transparent url(/jrk_layout/images/tv.jpg) no-repeat top left;
clear: both;
color: #FFF;
float: left;
font-weight: bold;
padding: 150px 110px 20px 0px;
position: relative;
text-decoration: none;
}

#rightcol #meermedia a img {
left: 19px;
position: absolute;
top: 15px;
}

#rightcol #meermedia a span {
color: #df2027;
}

#rightcol #meermedia a span.txt {
color: #FFF;
text-decoration: underline;
}

#rightcol #handigelinks {
color: #FFF;
}

#rightcol #handigelinks h3 {
background: transparent url(/jrk_layout/images/bg-handigelinks-red.png) no-repeat top left;
height: 26px;
text-indent: -9999px;
}

#rightcol #handigelinks ul {
list-style: none;
margin: 0;
position: relative;
}

#rightcol #handigelinks ul li {
background: transparent url(/jrk_layout/images/bg-li-whiteraquo.gif) no-repeat 6px 7px;
padding: 2px 0 2px 16px;
}

#rightcol #handigelinks ul li a {
color: #FFF;
}


#rightcol .poll {
background: transparent url(/jrk_layout/images/bg-rc-boxtop-poll.png) no-repeat top left;
}

#rightcol .poll h3 {
text-indent: -9999px;
height: 62px;
}

#rightcol .poll p {
font-weight: bold;
margin: 0 18px 5px 18px;
}

#rightcol .poll ul {
clear: both;
float: none;
list-style: none;
margin: 0 18px;
width: 169px;
}

#rightcol .poll ul li {
background: transparent url(/jrk_layout/images/bg-li-star-red.gif) no-repeat 0 4px;
padding: 0 0 4px 12px;
}

#rightcol .poll ul li#results {
background: none;
color: #df2027;
padding: 8px 0 0 0;
text-align: right;
}

#rightcol #zapper {
background: transparent url(/jrk_layout/images/bg-rc-boxtop-zapper.png) no-repeat top left;
}

#rightcol #zapper h3 {
text-indent: -9999px;
height: 39px;
}

/*
** footer
*/

#footer {
background: #FFF url(/jrk_layout/images/bg-footer.gif) no-repeat bottom left;
clear: both;
color: #FFF;
height: 218px;
margin: 0;
position:relative;
text-align: center;
}

#footer ul {
padding: 122px 0 0 0;
}

#footer ul li {
display: inline;
margin: 0 5px 0 0;
}

#footer a {
border-left: 1px solid #FFF;
color: #FFF;
padding: 0 0 0 5px;
text-decoration: none;
}

#footer #vlaamseoverheid {
background: #FFF url(/jrk_layout/images/bg-vlaamseoverheid.gif) no-repeat top left; 
height: 32px;
position: absolute;
right: 16px;
text-indent: -9999px;
top: 157px;
width: 110px;
}

.clearer {
clear: both;
font-size: 6%;
}



/*
** misc. elements
*/

#searchbox {
background: transparent url(/jrk_layout/images/bg-searchfld.gif) no-repeat top left;
position: absolute;
height: 21px;
line-height: 20px;
left: 85px;
overflow: hidden;
top: 280px; 
width: 150px;
z-index: 100;
}

#searchbox div {
display: inline;
}

#searchbox form .searchfld {
background: transparent;
border: none;
float: left;
font-size: 105%;
height: 20px;
padding: 0px 0 0 0px;
margin: 3px 13px 0 7px;
vertical-align: top;
width: 95px;
}

#searchbox form .searchbtn {
background: transparent url(/jrk_layout/images/bg-searchbtn.gif) no-repeat top left;
border: none;
cursor: pointer;
float: left;
height: 18px;
overflow: hidden;
margin: 2px 0 0 0;
padding: 36px 0 0 0;
vertical-align: top;
width: 35px;
}

hr.noshow {
display: none;
}

.clearer {
clear: both;
}

/*
** doelgroep afhankelijke styles
*/

body.dgvw #leftcol .wablieft span,
body.dgvw #rightcol #meermedia span,
body.dgvw #rightcol .poll ul li#results,
body.dgvw #centercol .pager ul li a,
body.dgvw #centercol .albumdetail p a,
body.dgvw #centercol .bieboxdetail span,
body.dgvw #centercol #mainnews ul li p.options,
body.dgvw #centercol #comments .comment .meta strong a {
color: #d82128;
}

body.dgvw #leftcol .default h3 {
background: transparent url(/jrk_layout/images/bg-cc-h3-red.gif) no-repeat 0 49px;
}

body.dgvw #leftcol .mijnjrk ul li {
background: transparent url(/jrk_layout/images/bg-li-raquo-red.gif) no-repeat 0 6px;
}

body.dgvw #leftcol .mijnjrk ul li.user {
background: none;
padding: 0 0 5px 0;
}

body.dgvw #centercol h1,
body.dgvw #centercol h3 {
background: transparent url(/jrk_layout/images/bg-cc-h3-red.gif) no-repeat 0 6px;
}

body.dgvw #centercol .darkbox .inner h3,
body.dgvw #centercol .darkbox .inner h1 {
background: transparent url(/jrk_layout/images/bg-cc-darkbox-h3-red.gif) no-repeat 0 6px; 
}

body.dgvw #centercol #newslists #archive li ,
body.dgvw #centercol #newslists #general li {
background: transparent url(/jrk_layout/images/bg-li-raquo-red.gif) no-repeat 0 4px;
}

body.dgvw #centercol #multimedialist ul.more li {
background: #FFF url(/jrk_layout/images/bg-cross-red.gif) no-repeat 0 11px;
}

body.dgvw #centercol #newsdetail ul li {
background: transparent url(/jrk_layout/images/bg-li-star-red.gif) no-repeat 0px 4px;
}

body.dgvw #rightcol .meestgezocht ul li {
background: transparent url(/jrk_layout/images/bg-li-raquo-red.gif) no-repeat 0 5px;
}

body.dgvw #rightcol .poll ul li {
background: transparent url(/jrk_layout/images/bg-li-star-red.gif) no-repeat 0 4px;
}

body.dgvw #centercol .rating {
background-image: url(/jrk_layout/images/bg-rating-red.gif);
}

body.dgvw #rightcol #handigelinks h3 {
background: transparent url(/jrk_layout/images/bg-handigelinks-red.png) no-repeat top left;
}


/*
**
*/

body.dgjw #leftcol .wablieft span,
body.dgjw #rightcol #meermedia span,
body.dgjw #rightcol .poll ul li#results,
body.dgjw #centercol .pager ul li a,
body.dgjw #centercol .albumdetail p a,
body.dgjw #centercol .bieboxdetail span,
body.dgjw #centercol #mainnews ul li p.options,
body.dgjw #centercol #comments .comment .meta strong a {
color: #3fae49;
}

body.dgjw #leftcol .default h3 {
background: transparent url(/jrk_layout/images/bg-cc-h3-green.gif) no-repeat 0 49px;
}

body.dgjw #leftcol .mijnjrk ul li {
background: transparent url(/jrk_layout/images/bg-li-raquo-green.gif) no-repeat 0 6px;
}

body.dgjw #leftcol .mijnjrk ul li.user {
background: none;
padding: 0 0 5px 0;
}

body.dgjw #centercol h1,
body.dgjw #centercol h3 {
background: transparent url(/jrk_layout/images/bg-cc-h3-green.gif) no-repeat 0 6px;
}

body.dgjw #centercol .darkbox .inner h3,
body.dgjw #centercol .darkbox .inner h1 {
background: transparent url(/jrk_layout/images/bg-cc-darkbox-h3-green.gif) no-repeat 0 6px; 
}

body.dgjw #centercol #newslists #archive li ,
body.dgjw #centercol #newslists #general li {
background: transparent url(/jrk_layout/images/bg-li-raquo-green.gif) no-repeat 0 4px;
}

body.dgjw #centercol #multimedialist ul.more li {
background: #FFF url(/jrk_layout/images/bg-cross-green.gif) no-repeat 0 11px;
}

body.dgjw #centercol #newsdetail ul li {
background: transparent url(/jrk_layout/images/bg-li-star-green.gif) no-repeat 0px 4px;
}

body.dgjw #rightcol .meestgezocht ul li {
background: transparent url(/jrk_layout/images/bg-li-raquo-green.gif) no-repeat 0 5px;
}

body.dgjw #rightcol .poll ul li {
background: transparent url(/jrk_layout/images/bg-li-star-green.gif) no-repeat 0 4px;
}

body.dgjw #centercol .rating {
background-image: url(/jrk_layout/images/bg-rating-green.gif);
}

body.dgjw #rightcol #handigelinks h3 {
background: transparent url(/jrk_layout/images/bg-handigelinks-green.png) no-repeat top left;
}

/*
**
*/

body.dglk #leftcol .wablieft span,
body.dglk #rightcol #meermedia span,
body.dglk #rightcol .poll ul li#results,
body.dglk #centercol .pager ul li a,
body.dglk #centercol .albumdetail p a,
body.dglk #centercol .bieboxdetail span,
body.dglk #centercol #mainnews ul li p.options,
body.dglk #centercol #comments .comment .meta strong a {
color: #0096db;
}

body.dglk #leftcol .default h3 {
background: transparent url(/jrk_layout/images/bg-cc-h3-blue.gif) no-repeat 0 49px;
}

body.dglk #leftcol .mijnjrk ul li {
background: transparent url(/jrk_layout/images/bg-li-raquo-blue.gif) no-repeat 0 6px;
}

body.dglk #leftcol .mijnjrk ul li.user {
background: none;
padding: 0 0 5px 0;
}

body.dglk #centercol h1,
body.dglk #centercol h3 {
background: transparent url(/jrk_layout/images/bg-cc-h3-blue.gif) no-repeat 0 6px;
}

body.dglk #centercol .darkbox .inner h3,
body.dglk #centercol .darkbox .inner h1 {
background: transparent url(/jrk_layout/images/bg-cc-darkbox-h3-blue.gif) no-repeat 0 6px; 
}

body.dglk #centercol #newslists #archive li ,
body.dglk #centercol #newslists #general li {
background: transparent url(/jrk_layout/images/bg-li-raquo-blue.gif) no-repeat 0 4px;
}

body.dglk #centercol #multimedialist ul.more li {
background: #FFF url(/jrk_layout/images/bg-cross-blue.gif) no-repeat 0 11px;
}

body.dglk #centercol #newsdetail ul li {
background: transparent url(/jrk_layout/images/bg-li-star-blue.gif) no-repeat 0px 4px;
}

body.dglk #rightcol .meestgezocht ul li {
background: transparent url(/jrk_layout/images/bg-li-raquo-blue.gif) no-repeat 0 5px;
}

body.dglk #rightcol .poll ul li {
background: transparent url(/jrk_layout/images/bg-li-star-blue.gif) no-repeat 0 4px;
}

body.dglk #centercol .rating {
background-image: url(/jrk_layout/images/bg-rating-blue.gif);
}

body.dglk #rightcol #handigelinks h3 {
background: transparent url(/jrk_layout/images/bg-handigelinks-blue.png) no-repeat top left;
}

/*
**
*/

body.dgjc #leftcol .wablieft span,
body.dgjc #rightcol #meermedia span,
body.dgjc #rightcol .poll ul li#results,
body.dgjc #centercol .pager ul li a,
body.dgjc #centercol .albumdetail p a,
body.dgjc #centercol .bieboxdetail span,
body.dgjc #centercol #mainnews ul li p.options,
body.dgjc #centercol #comments .comment .meta strong a {
color: #fecb5b;
}

body.dgjc #leftcol .default h3 {
background: transparent url(/jrk_layout/images/bg-cc-h3-yellow.gif) no-repeat 0 49px;
}

body.dgjc #leftcol .mijnjrk ul li {
background: transparent url(/jrk_layout/images/bg-li-raquo-yellow.gif) no-repeat 0 6px;
}

body.dgjc #leftcol .mijnjrk ul li.user {
background: none;
padding: 0 0 5px 0;
}

body.dgjc #centercol h1,
body.dgjc #centercol h3 {
background: transparent url(/jrk_layout/images/bg-cc-h3-yellow.gif) no-repeat 0 6px;
}

body.dgjc #centercol .darkbox .inner h3,
body.dgjc #centercol .darkbox .inner h1 {
background: transparent url(/jrk_layout/images/bg-cc-darkbox-h3-yellow.gif) no-repeat 0 6px; 
}

body.dgjc #centercol #newslists #archive li ,
body.dgjc #centercol #newslists #general li {
background: transparent url(/jrk_layout/images/bg-li-raquo-yellow.gif) no-repeat 0 4px;
}

body.dgjc #centercol #multimedialist ul.more li {
background: #FFF url(/jrk_layout/images/bg-cross-yellow.gif) no-repeat 0 11px;
}

body.dgjc #centercol #newsdetail ul li {
background: transparent url(/jrk_layout/images/bg-li-star-yellow.gif) no-repeat 0px 4px;
}

body.dgjc #rightcol .meestgezocht ul li {
background: transparent url(/jrk_layout/images/bg-li-raquo-yellow.gif) no-repeat 0 5px;
}

body.dgjc #rightcol .poll ul li {
background: transparent url(/jrk_layout/images/bg-li-star-yellow.gif) no-repeat 0 4px;
}

body.dgjc #centercol .rating {
background-image: url(/jrk_layout/images/bg-rating-yellow.gif);
}

body.dgjc #rightcol #handigelinks h3 {
background: transparent url(/jrk_layout/images/bg-handigelinks-yellow.png) no-repeat top left;
}