/* css style OHG*/
/* NOTE: Don't even try to f*ck up the CSS nor the HTML or you will be eaten by a big fat bad guy! */



/* -------(  FORCE SCROLLBAR IN FX/SF  )------- */

    html { 
        padding:0;
        margin:0;
    }
	
	* html { 
        height:1%;
		
    }

/* ----------(  GENERAL  )---------------- */

    * {
        padding:0;
        margin:0;
    }
    a{
        outline:none;
        color:#172983;
		text-decoration:none;
    }
    body {
		font-size:12px;
        font-weight:normal;
        font-family:Arial, Helvetica, sans-serif;
        color:#000;
		background:#41c0eb url(images/BGmenu.png) top center repeat-y;
		height:100%;
	}
	
	h2 {
	color:#244975;
	font-size:1.5em;
	}
	
	h3 {
	color:#244975;
	}
	
	img {
	margin:0;
	padding:0;
	}

/* Basic horizontal menu */
.Horizontal ul { list-style:none; margin:0; padding:0; }
.Horizontal ul li { position:relative; float:left; display:inline;}
.Horizontal ul li a { display:block; float:left; }
.Horizontal ul li a span { display:block; float:left; cursor:pointer; }
.Horizontal ul li ul { display:none; position:absolute; z-index:101 }
.Horizontal ul li:hover ul, .Horizontal ul li.sfHover ul {  }

/* basic vertical menu */
.Vertical ul {list-style:none;}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easying.html] */

.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

/*.Clearfix{display: inline-block;}*/

* html .Clearfix {height: 1%;}

.Clearfix {display: block; clear:both;}

a img { border:0; }

/* ----------(  MAIN LAYOUT  )---------------- */
    
   /*-------------------------< common classes >------------------------------------*/
   .bandcenter {
   width:1000px;
   margin:0 auto;
   }
   
   .Rbox {
  
   width:225px;
   position:relative;
   height:100%
   }
   
   .RboxINH {
   padding:15px 0px 20px 0px;
   }
   
   .logo {
   position:absolute;
   text-indent:-9999px;
   display:block;
   left:50%;
   margin-left:-475px;
   width:450px;
   height:130px;
   cursor:pointer;
   top:0;
   z-index:50;
   }
   
   .meer {
   position:relative;
   color:#043882;
   background:url(images/blueStar.png) center left no-repeat;
   padding-left:15px;
   }
   
   .newsimg {
   position:relative;
   width:185px;
   height:80px;
   margin-right:20px;
   margin-bottom:10px;
   overflow:hidden;
   }
   
   .Rboxinhtekst {
   text-align:justify;
   }
   
   .news_wrapper {
   margin-top:20px;
   }
   
   .date {
   color:#000000;
   background:url(images/blueStar.png) center left 			no-repeat;
   padding-left:15px;	
   margin-bottom:15px;
   font-weight:bold;
   }
   
   .lijstimg {
   float:left;
   margin-right:15px !important;
   }
   
   .agenda {
   margin-bottom:1.5em;
   }
   
   .footertekst {
   font-size:0.8em;
   margin-left:15px;
   margin-top:5px;
   }
   
   .footerlogo {
   position:relative;
   top:10px;
   }
   
   .marginleft_20 {
   position:relative;
  left:20px;
   width:185px;

   }
   
   .Nbutton {
   margin-top:5px;
   position:relative;
   width:90px;
   height:35px;
   background:url(images/nieuwsbriefbutton.png) center center no-repeat;
   cursor:pointer;
   border:none;
   color:#FFFFFF;
   font-weight:bold;
   font-size:0.9em;
   padding-bottom:3px;
   
   }
   .Nbutton input {
   
   }
   
   .Ntextarea {
   position:relative;
   padding-top:7px;
   padding-left:10px;
   height:35px;
   background:url(images/Nteaxtarea.png) top left no-repeat;
   margin-top:10px;
   }
   
   .Ntextarea input {
   border:none;
   }
   
   .hidden {
   display:hidden;}
   
   .slideshowshow {
   display:visible;}
   
   
   
   /* BORDERS & CORNERS */
   
   /**** 3th attempt ******/
   
.contentkader {
background:url(images/contenttop.png) top left no-repeat;
position:relative;
width:945px;
display:block;
padding-top:20px;
margin-bottom:20px;


}

.contentkader h3 {
background:url(images/contentverticaal.png) top left repeat-y;
margin:0;
padding:0 10px 10px 15px;
}

.contentinh {
background:url(images/contentverticaal.png) top left repeat-y;
position:relative;
display:block;
padding:0 10px 20px 0px;
}


.contentimg {
background:url(images/contentverticaal.png) top left repeat-y;
position:relative;
display:block;
padding:0 10px 15px 18px;
z-index:30;
}

.contentfooter {
background:url(images/contentbottom.png) bottom left no-repeat;
position:relative;
display:block;
padding:0px 0 15px 15px;
margin-top:-15px;
}

   .Rboxkader {
background:url(images/Rboxtopborder.png) top left no-repeat;
position:relative;
width:225px;
display:block;
padding-top:20px;
margin-bottom:20px;
}

.Rboxkader h3 {
background:url(images/Rboxverticaal.png) top left repeat-y;
margin:0;
padding:0 10px 10px 15px;
}

.Rboximg {
background:url(images/Rboxverticaal.png) top left repeat-y;
position:relative;
display:block;
padding:0 10px 15px 18px;
z-index:30;
}

.Rboxinh {
background:url(images/Rboxverticaal.png) top left repeat-y;
position:relative;
display:block;
padding:0 10px 20px 15px;
}

.Rboxinh p {
margin-bottom:0px !important;
padding-top:10px;
margin-top:-10px;
z-index:20;
}


.Rboxfooter {
background:url(images/Rboxbottomborder.png) bottom left no-repeat;
position:relative;
display:block;
padding:0px 0 15px 15px;
margin-top:-15px;
}

.CRT {
background:url(images/imgCRT.png) top right no-repeat;
top:0;
right:0;
position:absolute;
width:10px;
height:10px;
display:block;
}

.CRB {
background:url(images/imgCRB.png) bottom right no-repeat;
right:0;
bottom:0;
position:absolute;
width:10px;
height:10px;
display:block;
}

.CLB {
background:url(images/imgCLB.png) bottom left no-repeat;
left:0;
bottom:0;
position:absolute;
width:10px;
height:10px;
display:block;
}

.CLT {
background:url(images/imgCLT.png) top left no-repeat;
top:0;
left:0;
position:absolute;
width:10px;
height:10px;
display:block;
}

.img {
width:185px !important;
position:relative;
display:block;
margin:0;
padding:0;
overflow:hidden;
}

.contentimg {
width:540px !important;
position:relative;
display:block;
margin:0;
padding:0;
overflow:hidden;
}

.topnegativemargin {
margin-top:-1.5em;
}
					


   
   .corner {
   height:10px;
   overflow:hidden;
   position:absolute;
   width:10px;
   z-index:100;
   }
   
   
   
   
   
   .Mtopleft {
   top:0;
   left:0;
   background:url(images/cornerleftmenu.png) top left no-repeat;
   }
   
   .Mtopright {
   top:0;
   right:0;
   background:url(images/cornerrightmenu.png) top right no-repeat;
   }
   
   .Mtopleftright {
   top:0;
   background:url(images/bordermenu.png) top left repeat-x;
   }
   
   
   .borderH {
   position:absolute;
   height:10px;
   width:100%;
   overflow:hidden;
   z-index:5;
   left:0;
   }

   
   

   
   /* end BORDERS & CORNERS */
   
   
  
   
   /*-------------------------<* end common classes *>------------------------------------*/
    

/*-------------------------< WRAPPER >------------------------------------*/
    /* <<<<<<<<<<<<<< header >>>>>>>>>>>>>*/
		
		
		
		#header_wrapper {
		position:absolute;
		top:0;
		left:0;
		background:#bce4f6 url(images/headerboord.png) top left repeat-x;
		width:100%;
		height:137px;
		}
		
		#header {
		position:relative;
		}
		
		#breadcrumb_wrapper {
		position:relative;
		top:137px;
		left:0;
		background:#41c0eb url(images/breadcrumb.png) top right no-repeat;
		height:32px;
		display:block;
		}
		
		#breadcrumb {
		float:right;
		width:680px;
		margin-top:7px;
		color:#FFFFFF;
		font-size:1.2em;
		}
		
		#breadcrumb a {color:#FFFFFF;}
	
	
	/* <<<<<<<<<<<<<< content >>>>>>>>>>>>>*/
		#wrapper {
		overflow:visible;
		}
		
		#wrapper_content {
		position:relative;
		top:134px;
		left:0;
		overflow:visible;
		}
		
		#Lbox {
		position:relative;
		width:767px;
		float:left;
		}
		
		
		/* menulijst */
		#menu {
		position:relative;
		float:left;
		width:174px;
		font-weight:bold;
		}
		
		#menu ul {
		margin-top:20px;
		margin-left:10px;
		padding:0;
		list-style-type:none;
		}
		
		#menu ul li a{
		position:relative;
		margin-bottom:5px;
		background:url(images/bullet.png) center left no-repeat;
		padding-left:15px;
		color:#1a171b;
		display:block;
		width:auto;
		font-size:1.2em;
		}
		
		#menu ul li a:hover, #menu ul li.active a {color:#bce4f6;}
		
		#menu ul li.active { display:block; }
		
		#menu ul.child {margin-top:10px !important; font-size:0.8em !important;}
		
		#menu ul.child li a {color:#FFFFFF; background:url(images/bulletsubmenu.png) center left no-repeat;}
		
		#menu ul.child li a:hover, #menu ul.child li.active a {color:#bce4f6;}
		
		
		
		
		
		
		
		
		
		/*einde menu lijst */
		
		#content {
		background:url(images/contenttop.png) top left no-repeat;;
		position:relative;
		float:right;
		width:593px;
		margin-top:20px;
		margin-bottom:50px;
		}
		
		#inhoud {
		margin:15px 0px 20px 0px;
		}
		
		#inhoudtekst {
		margin-left:20px;
		padding-right:20px;
		}
		
		#inhoudtekst ul {
		margin-left:30px;
		}
		
		#inhoudtekst h3{
		color:#022251;
		}
		
		#Rbox {
		width:225px;
		float:right;
		margin-top:20px;
		margin-bottom:20px;
		}
		
		#nieuws {
		
		}
		
		#brief {
		
		}
		
		#agenda {
		
		}
	
	
	/* <<<<<<<<<<<<<< footer >>>>>>>>>>>>>*/
  #footer {
  clear:both;
  position:relative;
  left:0;
  width:775px;
  height:80px;
  background:#FFFFFF; }
	
/*-------------------------<* end WRAPPER *>------------------------------------*/