body, form, img, p {border:none; padding:0px;}
p{margin:0px 0px 10px 0px}

body, a, input {color:#003D7D; font-family:Arial, Helvetica, sans-serif; font-size:1.0em;margin:0px;}/*font-size:12px; */
a:hover {text-decoration:none;}
h1 {margin:0px 0px 6px 0px; padding:0px; font-size:150%;}

.home #editbuttonbox{position:absolute;left: 168px;top: 50px;}
.vervolg #editbuttonbox{position:absolute;	left: 274px;top: 138px;}


body.home{background:#FFFFFF url(../img/bg_home01.gif) left top repeat-y;}
body.vervolg{background:#FFFFFF url(../img/bg_vervolg01.gif) left top repeat-y;}
.total{width:950px; height:auto!important; min-height:540px; height:540px;}
.home .total{background:url(../img/bg_home02.gif) left top no-repeat;}
.vervolg .total{background:url(../img/bg_vervolg02.gif) left top no-repeat;}
.top{position:relative; }
.vervolg .top{height:137px;}
.home .top{height:250px; }
.sky {position:relative;}
.home a, .home input, .home p, .home div, .home td {font-size:12px;}

.toplogo{position:absolute; height:121px; width:135px; left:30px; top:16px; }
.toplinks{position:absolute; height:16px; right:0px; top:0px;text-align:right;}
.toplinks a{text-decoration:none; margin-left:35px; text-transform:lowercase;}
.toplinks a:hover{text-decoration:underline;}
.home .toplinks{margin-right:9px;}

.topnav{position:absolute; height:34px; right:0px; top:16px; width:785px; }
.topcolor{position:absolute; height:87px; right:0px; top:50px; width: 785px; }
.clearfloat {clear:both; float:none; width:10px;}


.topicons {position:absolute; right:3px; top:3px; white-space:nowrap;}
.topicons a {text-decoration:none; color:#FFFFFF; display:inline-block; width:auto; height:40px; text-align:center;font-size:12px;margin-left:5px;}
/*form.archiveer {width:100px; height:40px; background:#666633; overflow:scroll}
*/.breadcrumb{position:absolute; left:137px; top:16px; text-transform:lowercase;font-size:12px;}
.breadcrumb, .breadcrumb a{text-decoration:none; color:#FFFFFF;}
.maintitle{position:absolute; left:130px; top:33px; width:100%}
.maintitle h1{color:#FFFFFF; text-transform:uppercase; padding:0px; margin:0px; font-size:35px; position:absolute; top:12px; left: 7px;}

.left, .vervolg .middle, .vervolg .right {position:relative; left:65px; float:left;}
.left {width:207px;}
.home .middle {width:689px; height:490px; background:url(../img/bg_middle.jpg) left top no-repeat; position:relative; left:51px; float:left}
.topcontent {position:absolute; background:url(../img/bg_top.jpg) left top no-repeat; margin:0px; padding:0px; width:860px; height:200px; left:-174px; top:-200px;}
.toptxt h1 {color:#FF5400; margin:0px 0px 6px 0px; padding:0px; font-size:150%;}
.topfoto {float:left; width:420px; overflow:hidden; height:189px; padding-left:14px;}
.toptxt {position:relative; float:left; width:407px; overflow:hidden; height:171px; padding:12px 6px 6px 8px; color:#511B00; line-height:166%;}
.toptxt a.button {background:#FF5400; position:absolute; bottom:6px; right:6px; color:#FFFFFF; padding:0px 10px; text-decoration:none; }
.home .boek {position:absolute; width:160px; height:230px; overflow:hidden; top:490px; left:-161px;}

.home .middle .weblog, .home .middle .agenda, .home .middle .nieuws {width:218px; height:261px; position:absolute; top: 0px; overflow:hidden;}
.home .middle .nieuws {left: 11px;}
.home .middle .weblog {left: 237px;}
.home .middle .agenda {left: 464px;}

.home .middle .dossiers {position:absolute; width:671px; height:205px; left: 11px; top: 272px; overflow:hidden;}
.home .middle h1.titel {color:#FFFFFF; margin:2px 0px 10px 6px;}
.home .middle .content {padding:6px; line-height:160%; }
.home .middle h1,.home .middle h2,.home .middle h3,.home .middle h4,.home .middle h5,
.home .middle h6  {line-height:120%; font-size:133%; margin:0px;}
.hover {cursor:pointer;}
.home .middle .dossiers .left, .home .middle .dossiers .right {float:left; width:310px; margin:5px; left:0px;}
.home .middle .dossiers .left div, .home .middle .dossiers .right div {background:url(../img/dossier.gif) left 6px no-repeat; padding-left:45px}
.home .middle .dossiers a {text-decoration:none; font-weight:bold;}
.home .middle .dossiers a:hover {text-decoration:underline;}
.home .middle .dossiers span {font-size:83%;}


.vervolg .middle {width:518px;overflow:hidden;}
.vervolg .middle div {overflow:hidden;}
.vervolg .middle .content {padding: 40px 30px 20px 30px; line-height:150%;}
.vervolg .right {width:160px; text-align:right;}
.leftmargin {position:relative; width:177px; left:32px;}
.leftmargin img {margin:0px 0px 8px 0px}
.vervolg .leftnav {position:relative; width:175px;}
.vervolg .leftnav ul {margin:0px 0px 0px 10px ; padding:0px; list-style:none}
.vervolg .leftnav ul ul {margin:0px 0px 0px 20px; padding:0px; list-style:none;}
.vervolg .leftnav a {display:block;color:#FFFFFF; font-size:14px; font-weight:bold; text-decoration:none; padding:5px 0px;}/*114%*/
.vervolg .leftnav ul ul a {font-size:12px; font-weight:normal;} /*100%*/


/*dossier listmenu rewrite*/
.dossier{width:160px; height:40px; background:#003D7D;}
.dossier select{width:141px;}
.jNiceSelectWrapper {width: 141px; position:relative; height: 20px; padding:0px 0px 0px 4px ; font-weight:normal; background: url(../img/bg_dossier.gif) left top no-repeat; left:9px; top:9px;}
.jNiceSelectWrapper div span {float: none; position: absolute; width: 145px; height: 20px; line-height: 15px; padding: 0px; overflow: hidden; border: none;font-size:12px;}
.jNiceSelectWrapper div a {display: block; position: absolute; right: 0px; top:1px; width: 24px; height: 19px; background: url(../img/bg_dossierbutton.gif) left top no-repeat;}
.jNiceSelectWrapper ul {position: absolute; width: 145px; top: 20px; left: 0px; list-style: none; background:#FFFFFF; display: none; margin: 0px; padding: 0px; height: auto; overflow: auto; }
.jNiceSelectWrapper ul a {display: block; padding: 4px; text-decoration: none;font-size:12px;}
.jNiceSelectWrapper ul a:hover {background:#E1F5FF;}
.jNiceSelectWrapper ul a.selected {background: #EDEDED;}
.jNiceHidden {display: none;}


/*login box*/
.ledenlogin{width:140px; background:#003D7D; color:#FFFFFF; font-size:10px; padding:10px;}/*83%*/
.ledenlogin h3 {background: url(../img/ttl_inloggen.gif) left top no-repeat; display:block; overflow:hidden; height:20px; /*width:59px;*/ margin:0px; text-indent:-1000px;}
.ledenlogin .text {width:120px; height: 16px; background:#FFFFFF url(../img/bg_txt.gif); border:none; display:block; padding:2px;}
.ledenlogin .btlogin {width:100px; height: 19px; background:url(../img/bt_login.gif); border:none; display:block; padding:0px; font-size:1px; text-align:left; margin:10px 0px 0px 20px;}

.home .footer{position:relative; left:310px; top:200px; margin:0px; width:600px; height:30px;}
.home .footer .img1{display:inline-block;}
.home .footer .img2{display:inline-block; position:relative; left:35px;}

.vervolg .footer{position:relative; left:190px; margin:0px 0px 20px 0px; width:600px;}
.vervolg .footer .img1{display:inline-block;}
.vervolg .footer .img2{display:inline-block; position:relative; left:45px;}



/* menu styles */
#jsddm {margin:0px; padding:0px; position:absolute; right:0px;}
#jsddm li {float: left; list-style: none;}
#jsddm li a{display: block; position:relative; padding: 7px 30px 7px 12px; text-decoration: none; /*width:88px; */ color: #20548E; white-space: nowrap; font-size: 16px; font-weight:bold;}
#jsddm li a:hover, #jsddm li a.act {color:#FFFFFF; }
#jsddm li ul {margin: 0; padding: 0; position: absolute;  visibility: hidden; padding-top:34px; top:0px; }
#jsddm li ul li {float: none; display: inline;}
#jsddm li ul li a {width: 130px; white-space:normal; background: #ccc; /*default linkbg color SUB*/color:#003D7D; font-size:12px; padding: 3px 12px;}
#jsddm li ul li a:hover {background: #999; /*default linkbgHOVER color SUB*/}
#jsddm li ul li span.subnavSpacer { display: block;position:relative; padding-top:3px; padding-bottom:3px;normal; color:#003D7D;}
/*menu confetti*/

/*vrijwilligers*/
#jsddm li.vrijwilligers ul li a,#jsddm li.vrijwilligers ul li span,
body.vrijwilligers .leftnav {background:#7fbead;}/*light*/
#jsddm li.vrijwilligers li a:hover,
#jsddm li.vrijwilligers a.act,  
#jsddm li.vrijwilligers ul, 
body.vrijwilligers .topcolor {background:#007d5b;}/*dark*/

/*nieuws*/
#jsddm li.nieuws ul li a,#jsddm li.nieuws ul li span,
body.nieuws .leftnav {background:#dfd880;}/*light*/
#jsddm li.nieuws li a:hover, 
#jsddm li.nieuws a.act, 
#jsddm li.nieuws ul, 
body.nieuws .topcolor {background:#bfb002;}/*dark*/

/*agenda*/
#jsddm li.agenda ul li a,#jsddm li.agenda ul li span,
body.agenda .leftnav {background:#c9819c;}/*light*/
#jsddm li.agenda li a:hover, 
#jsddm li.agenda a.act, 
#jsddm li.agenda ul, 
body.agenda .topcolor {background:#930539;}/*dark*/

/*informatie*/
#jsddm li.informatie ul li a,#jsddm li.informatie ul li span,
body.informatie .leftnav {background:#b3c981;}/*light*/
#jsddm li.informatie li a:hover, 
#jsddm li.informatie a.act, 
#jsddm li.informatie ul, 
body.informatie .topcolor {background:#699403;}/*dark*/

/*publicaties*/
#jsddm li.publicaties ul li a,#jsddm li.publicaties ul li span,
body.publicaties .leftnav {background:#fabc7f;}/*light*/
#jsddm li.publicaties li a:hover, 
#jsddm li.publicaties a.act, 
#jsddm li.publicaties ul, 
body.publicaties .topcolor {background:#f67a00;}/*dark*/

/*forum*/
#jsddm li.forum ul li a,#jsddm li.forum ul li span,
body.forum .leftnav {background:#eaa68c;}/*light*/
#jsddm li.forum li a:hover, 
#jsddm li.forum a.act, 
#jsddm li.forum ul, 
body.forum .topcolor {background:#d44e1b;}/*dark*/

/*over*/
#jsddm li.over ul li a,#jsddm li.over ul li span,
body.over .leftnav {background:#90b6c7;}/*light*/
#jsddm li.over li a:hover, 
#jsddm li.over a.act, 
#jsddm li.over ul, 
body.over .topcolor {background:#216c8f;}/*dark*/


/* agenda */
table.AO_agendaItem {margin-bottom:10px;border-style:solid;border-color:#7f9ebe; border-width:5px 0px 0px 0px;}
span.AO_doelgroeplabel,span.AO_vrijwilligerdienstlabel,span.AO_regiolabel {display:inline-block;width:100px;}
span.AI_label {display:inline-block;width:60px;font-weight:bold;font-size:90%;padding:0px;margin:0px;}


td.AO_itemtitel {width:100%; font-weight:bold; font-size:110%;}
td.AI_titel {width:100%; font-weight:bold; font-size:150%;border-style:solid;border-width:0px 0px 1px 0px;}
td.AO_datering { white-space:nowrap; font-style:italic;font-size:90%;}
td.AO_iteminhoud {padding: 10px 0px 0px 0px;}
td.AO_leesverderlink {font-size:90%;}
td.AI_tijd,td.AI_datum,td.AI_locatie,td.AI_prijs,td.AI_auteur { line-height:14px; }
td.AI_datum{padding-top:10px;} 

td.AI_inhoud,td.AI_meerinformatie {padding-top:15px;}


table.AI_detail td.btn { font-style:italic;padding-top:15px;}

/* z-index trouble */
.home #editbuttonbox{	z-index:30;}
.vervolg #editbuttonbox{	z-index:30;}
.top{ z-index:30;} 
.home .top{}
.sky {z-index:200}

.toplogo{ z-index:50}
.topnav{  z-index:80!important;}
.topcolor{ z-index:2;}
.topcontent {z-index:40;}
.toptxt a.button { z-index:40!important}

.jNiceSelectWrapper ul { z-index:100;}

#jsddm { z-index:90;}
#jsddm li a:hover, #jsddm li a.act { z-index:95;}
#jsddm li ul { z-index:90}

/* opmaak nieuwsitems */


.content .nieuwsitem_container {border-top: 5px solid #7F9EBE;}
.content .nieuwsitem h3 { margin: 0px 0px 5px 0px; font-size:110%;}
.content .nieuwsitem h3 a{ text-decoration: none;}
.content .nieuwsitem .nieuwsinhoud { margin: 10px 0px 0px 0px; }
.content .nieuwsitem .leesverder { font-size: 90%; margin: 0px 0px 10px 0px; }
.content .paging_top { margin: 0px 0px 5px 0px;}

/* opmaak forum */

.forum_overzicht_item{ border-top: 5px solid #7F9EBE; margin: 0px 0px 10px 0px;}
.forum_overzicht_item h3{ margin: 0px 0px 5px 0px; font-size:110%;     } 
.forum_overzicht_item p{ margin: 0px 0px 5px 0px;      } 
.forum_overzicht_item h3 a{ text-decoration: none;}
.forum_overzicht_item .leesverderlink { font-size: 90%; }
.forum_overzicht_item .aboneerlink { font-size: 90%;  }
.forum_overzicht_item .btn { font-size: 90%;   }

/* z-index trouble */