.png { behavior: url(js/iepngfix.htc) }

*{
margin:0; 
padding:0;
}
html{
overflow-y:scroll;
margin: 0; 
padding: 0; 
height:100%;
}
body{
	background: #ffffff repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:19px;
	color:#333333;
	text-align:left;
	margin: 0; 
	padding: 0; 
	height: 100%; 
	
	
}
.clear{clear:both}

img {
	border: 0;
}

ul, ol{margin-left:20px;}

h1, h2, h3, h4, h5, h6{color:#333333;font-family:Arial, Helvetica, sans-serif;}
h1{font-size:16px; padding-top: 14px; padding-bottom: 10px; }

h1.black, h2.black, h3.black, h4.black, h5.black, h6.black{ color:#000000}
h1.white, h2.white, h3.white, h4.white, h5.white, h6.white{ color:#ffffff}
h1.border, h2.border, h3.border, h4.border, h5.border, h6.border{ border-bottom:1px solid #777777}

h2{font-size:18px;padding-top:11px;padding-bottom:5;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:12px;}
h6{font-size:10px;}

hr {color:#333333; height:1px; }

p {padding-left:10px;}

a, a:link, a:active, a:visited{color:#333333; outline:none;}
a:hover{ color:#442d44; text-decoration:none;}
.language a, .language a:link, .language a:active, .language a:visited{ font-size:11px; color:#ffcc66; text-decoration: underline}
.language a:hover { text-decoration:none}
.bottom a, .bottom a:link, .bottom a:active, .bottom a:visited{ font-size:11px; color:#CCCCCC; text-decoration: underline}
.bottom a:hover { text-decoration:none}

/*decoration around the container area*/
/*.glow{ width:980px; text-align:center; margin:0 auto; background:url(/Site/bibinc/templateimages/glow.png) repeat-y;}*/
.main{background:url(../templateimages/left_gradient.jpg) top no-repeat; }
/*.shadow-top{background:url(/Site/bibinc/templateimages/container-shadow-top.png) top left no-repeat; width:960px; margin:0 auto; }
.shadow-bottom{background:url(/Site/bibinc/templateimages/container-shadow-bottom.png) bottom left no-repeat;}*/

.leftfill{background:url(../templateimages/left_gradient.jpg) repeat-x;  width:50%;}
.lefttop{background:url(../templateimages/lefttop_foto.jpg); width:232px; height:312px; margin-left:6px;}
.header{background:url(../templateimages/header.jpg); width:714px; height:139px;  position:absolute; top:0px;  }

/* MENU*/
.container{background-color:#FFFFFF; margin:0 auto; width:958px;min-height:820px; border:1px solid #FFFFFF; position:relative; padding-bottom:10px; text-align:left;bottom:0px}
.container .menu{background:url(../templateimages/menuleft.jpg); width:232px; height:533px; margin-top:5px;  margin-left:6px; top left no-repeat #FFFFFF; text-align:center; float:left }
.container .rss{width:23px; height:16px; margin-top:68px; position:absolute; top:0px; right:0px; margin-right:9px;}

.container .box1 {width:232px; height:141px; margin-top:0px; position:absolute; top:139px; left:244px; }
.container .box2 {width:232px; height:141px; margin-top:0px; position:absolute; top:139px; left:482px; }
.container .box3 {width:232px; height:141px; margin-top:0px; position:absolute; top:139px; left:720px; }
.container .box1titel {background:url(../images/box1text.gif); width:232px; height:25px; margin-top:0px; position:absolute; top:286px; left:244px; }
.container .box2titel {background:url(../images/box2text.gif); width:232px; height:25px; margin-top:0px; position:absolute; top:286px; left:482px; }
.container .box3titel {background:url(../images/box3text.gif); width:232px; height:25px; margin-top:0px; position:absolute; top:286px; left:720px; }
.container .box1text { width:200px; padding:14px; position:absolute; top:317px; left:244px; }
.container .box2text { width:200px; padding:14px; position:absolute; top:317px; left:482px; }
.container .box3text { width:200px; padding:14px; position:absolute; top:317px; left:720px; }
.container .newshome { background:url(../images/news_bg.gif); width:200px; height:131px; padding:14px; padding-top:5px; top:660px; left:244px; }
.container .newshome2 {background:url(../images/news_bg.gif); width:200px; height:131px; padding:14px; padding-top:5px; position:absolute; top:660px; left:482px; }
.container .newshomepic { width:232px; position:absolute; top:660px; left:720px; }
.container .newshomeoverlay { width:714px; height:85px; position:absolute; top:765px; left:244px; }
.container .newsartpic { width:232px; position:relative; float:left; margin-right:10px; }
.container .newsmessage { width:714px; padding:14px; padding-left:0px; padding-top:0px; position:absolute; top:317px; left:244px; float:right;}
.container .newsoverview1 { width:686px; padding-top:14px; position:relative; float:right;}
.container .newsoverview2 { width:714px; padding:14px; position:absolute; top:495px; left:244px;}
.container .newsoverview3 { width:714px; padding:14px; position:absolute; top:673px; left:244px;}
.eerder {background:url(../templateimages/nieuws_eerder.gif); width:90px; height:16px; float:right;}
.eerder a, .eerder a:link, .eerder a:active, .eerder a:visited{ font-size:12px; color:#ffffff; vertical-align:super; text-decoration: none; margin-bottom:5px;}
.newsmessage p {padding-top:14px; padding-left:14px;}
.container .content { width:714px; padding:14px; position:absolute; top:317px; left:244px; float:right;}

.container .menu .inner{width:190px; margin:0 auto; margin-top:10px;}
.container .menu .inner ul{list-style:none; font-size:0px; text-align:right; margin:0; padding:0;}
.container .menu .inner li a{display:block; height:30px; width:190px; background-position:bottom;text-align:none;color:#FFFFFF }
.container .menu .inner li a:hover,.container .menu .inner li a.active{ background-position:top}
.container .contentright{ width:656px; margin-top:16px; margin-right:19px; float:right;  display:inline}

/*CONTENT */

.content{ margin-top:15px; width:656px;}
.content-news { float:right; width: 686px; }
.content .left{ float:left; width:360px;}
.content .right{ float:right; width:296px;}

/*Actueel*/
.actueel { width:360px; padding-top:10px; background:url(/Site/bibinc/templateimages/actueel-top-shadow.jpg) no-repeat; /*margin-bottom:20px;*/ float:left;}
.actueel .inner { background:url(/Site/bibinc/templateimages/actueel-bg.gif) no-repeat; padding-top:12px; text-align:center;}
.actueel .inner .actueel-item{width:330px; text-align:left; margin:0 auto;}
.actueel .inner .actueel-item .header{ height:24px; background:url(/Site/bibinc/templateimages/actueel-header.gif) no-repeat; font-weight:bold; line-height:24px; padding-left:6px; color:#FFFFFF}
.actueel .inner .actueel-item .tekst{ background:url(/Site/bibinc/templateimages/actueel-item-bg.gif) repeat-x #FFFFFF; padding:6px; }

.actueel a, .actueel a:link, .actueel a:active, .actueel a:visited{color:#56515c; text-decoration:none}
.actueel a:hover{ color:#442d44;}

/*Projecten */

.project{border-top:#cdcdcd solid 1px; cursor:pointer}
.project.nopointer { cursor:auto; }
.projecten .even{ background-color:#efeaef;}
.projecten .last{border-bottom:#cdcdcd solid 1px;}
.project .right{width:510px;color:#663366; font-size:15px;position:relative; padding-top:25px; padding-bottom:25px;}
.project .right p{ padding-right:20px;}
.project .left{width:135px; font-size:10px; color:#7d7d7d; text-align:center; padding-bottom:5px;}
.project a.leesmeer{ position:absolute; right:10px; bottom:0; display:block; font-size:10px}

/*Project detail */
.imagebox img{float:left;margin:5px 5px 5px 32px; display:inline;padding-bottom:20px}
.imagebox img.first{margin-left:0;}
.opdracht{padding-bottom:20px;}


/*CONTACT Blokje (bottom left)*/
.menubottom{ background:url(/Site/bibinc/templateimages/contact-bg.gif) no-repeat bottom left; padding-bottom:10px; position:absolute; left:13px; bottom:6px; text-align:center; width:228px;}
.contact{background:url(/Site/bibinc/templateimages/contact-title-bg.gif) no-repeat; font-size:10px; width:190px; margin:0 auto; line-height:12px; height:100px; text-align:left; }
.contact .innercontact{ margin:10px; padding-top:25px;}

/*Contact page */
#contactform input{width:300px; display:block}
#contactform textarea{width:300px; height:100px;}
#contactform a.button{ margin-top:7px; display:block; width:70px; height:22px; background-image:url(/Site/bibinc/templateimages/send.gif); background-repeat:no-repeat; background-position:top left; text-decoration:none;}
#contactform a:hover.button{background-position:bottom left;}

.footer{ background:url(/Site/bibinc/templateimages/shadow-footer.png) no-repeat; width: 960px; margin:0 auto; color:#7b6e87; text-align:right;}
.footer span{padding-right:20px; font-size:10px; padding-top:3px; display:block}

/*nieuws blokje */
.boxes   {  z-index:1;} 
.overlay {  position:relative; top:-40px;}

/* Donatie-overlay */
#donatieBericht { text-align:left; background-color:#FFF; padding:12px; width:560px; }
#donatieBericht .actiepagina-link { margin-top:33px; }
#donatieBericht .tekst { padding:0px; width:507px; display:block; margin-top:5px; }
#donatieBericht .sluiten { float:right; margin-top:3px; }


/* DONEREN PAGINA*/
#donatie_form { position:relative; width:901px; height:535px; padding:15px;} 
#donatie_form .sluiten { position:absolute; right:0; top:0; }
#donatie_form .left{ float:left; width:330px; margin-right:30px; margin-top:20px;}
#donatie_form .right{ width:530px; margin-top:20px; float:left;}
#donatie_form label{ display:block; height:25px; width:530px; float:left; margin-bottom:7px; }
#donatie_form .field{ display:block; margin-left:41px; float:left; margin-bottom:10px;}
#donatie_form .error{ border:2px solid #F00; }
#donatie_form .field input{ border:none; background:#eaeaea; width:220px;}
#donatie_form .field .small{ width:90px; float:left}
#donatie_form .field .xs{ width:30px; float:left}
#donatie_form .radio-bedrijf{ display:block; width:68px; height:20px; float:left; background:url(/images/radio-bedrijf.gif) bottom left}
#donatie_form .radio-particulier{ display:block; width:99px; height:20px; float:left;  background:url(/images/radio-particulier.gif) bottom left; margin-right:15px;}
#donatie_form .radio-ja{ display:block; width:68px; height:20px; float:left; background:url(/images/radio-ja.gif) bottom left}
#donatie_form .radio-nee{ display:block; width:99px; height:20px; float:left;  background:url(/images/radio-nee.gif) bottom left; margin-right:15px;}
#donatie_form .radio-particulier.selected, #donatie_form .radio-bedrijf.selected, #donatie_form .radio-ja.selected, #donatie_form .radio-nee.selected{ background-position:top left;}
#donatie_form .stuur-mij{ width:190px; height:37px; display:block; background:url(/images/stuur-mij.gif); margin-top:115px; margin-left:41px;}
#donatie_form .stuur-mij:hover{ background-position:bottom left;}

#donatie_form .project_list{ height:415px; overflow-y:scroll; margin:15px 0 0 0;}
#donatie_form .project_list ul{ margin:0; padding:0;}
#donatie_form .project_list li{ margin:0 0 13px 0;  padding:0; list-style:none; background:url(/images/radio.gif) top left no-repeat; float:left; width:480px;}
#donatie_form .project_list .selected{background:url(/images/radio-selected.gif) top left no-repeat}
#donatie_form .project_list a{color:#bc6c14; font-size:16px; display:block; text-decoration:none;  float:left; padding:0 0 0 30px;}
#donatie_form .project_list .uitklap{ display:none; margin-top:5px; font-size:13px; float:left; width:100%;}
#donatie_form .project_list .uitklap img{ margin-left:15px; margin-bottom:15px; margin-right:15px;}
#donatie_lijst { position:relative; width:901px; height:535px; padding:15px; overflow:hidden;}
#donatie_lijst .sluiten { position:absolute; right:0; top:0; }
#donatie_lijst ul {
  float: left;
  height:500px;
  overflow:auto; 
  overflow-x: hidden; 
  margin: 0;
  padding: 0;
  list-style: none;
}
 
#donatie_lijst li {
  float: left;
  width: 17em;
  margin: 0;
  padding: 0;
} 
#aanmelden {background-color: #467984; color: white; text-decoration: none; width: 66px; padding: 3px; border-radius: 3px; font-weight: bold; family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center;}
#aanmelden:hover { background-color:#cc7a16;}
.display_archive { color:#FFF; margin-left:10px;}
.display_archive div.campaign {color:#000;}