*{
	margin:0;
	padding:0;
}
html{
	overflow: -moz-scrollbars-vertical;
}

html, body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

body{
	background-image:url(/images/page_bg.gif);
	background-repeat:repeat-x;
	background-position:top center;
}

.wrapper {
	display:block;
	margin:0 auto;
	width:970px;
}
.footer{
	height: 70px;
	width: 100%;
	background-color:#000;
	color:#999999;	
}
.clear {
	clear: both;
}

.maintable{
/*	border:0px; */
}


/****************
**   HEADER    **
****************/
.header {
	height: 311px;
	width: 960px;
	padding:0px;
	margin:0px;
}
.header_left {
	height: 311px;
	width: 360px;
	float:left
}
.header_right {
	height: 311px;
	width: 600px;
	float:right;
}
.logo{
	margin-top:37px;
	margin-left:30px;
}

.topmenu{
	height:106px;
}
.pagina_top{
	margin-top:50px;
	margin-left:30px;
	color:#FFF;
	display:block;
	font-size:12px;
}
.pagina_top h1{
	font-size:14px;
}
/****************
**   topmenu   **
****************/
.topmenu ul{
	list-style:none;
/*	display:table; */
	height:32px;
	padding:0px;
	margin:0px;
}
.topmenu ul li{
	float:left;
	width:150px;
	height:26px;	
	text-align:center;
	border-bottom:solid 6px;
}

.topmenu ul li.topmenu_li_1{
	border-bottom-color:#e92b2d;
}
.topmenu ul li.topmenu_li_2{
	border-bottom-color:#e92b2d;
}
.topmenu ul li.topmenu_li_3{
	border-bottom-color:#aa5b20;	
}
.topmenu ul li.topmenu_li_4{
	border-bottom-color:#8fbd14;	
}
.topmenu ul li a{
	text-align:center;	
	color:#FFF;
	text-decoration:none;
	font-size:12px;
	height:26px;
	line-height:26px;
	font-weight:bold;
/*	font-family:Verdana, Geneva, sans-serif; */
}

.topmenu_div_1, .topmenu_div_2, .topmenu_div_3, .topmenu_div_4{
	display:none; 
	height:80px;
	width:150px;
	position:relative;
	top:0px;
	cursor:pointer;
	overflow:hidden;
}
.topmenu_span{
	display:block;
	margin:10px;
/*	margin-top:50px;*/
	color:#FFF;
}

.topmenu_div_1{
/*	left:0px;*/
	background-color:#e92b2d;
}
.topmenu_div_2{
/*	left:150px; */
	background-color:#e92b2d;
}
.topmenu_div_3{
/*	left:300px;*/
	background-color:#aa5b20;	
}
.topmenu_div_4{
/*	left:450px; */
	background-color:#8fbd14;	
}

/****************************
**   broodkruimeltjespad   **
****************************/
/*
 <div class="broodkruimeltjespad"><a title="Zuidema" href="/pagina/home/">Home</a> / <a title="Nova Terra" href="/pagina/nova-terra/">Nova Terra</a> / Pagina 3a</div>
*/ 
.broodkruimeltjespad{
	height:20px;
	width:100%;
	text-align:right;
	color:#e92b2d;
}
.broodkruimeltjespad a{
	color:gray;
	text-decoration:none;
}
/****************
**   content   **
****************/

.content_left{
	width:300px;
}
.content_right{
	width:600px;
	font-size:12px;
	padding-left: 60px;
}
.content-column-left {
	width: 410px;
	float: left;
}
.content-column-right {
	margin-left: 30px;
	width: 160px;
	float: left;
}



/****************
**   leftcol   **
****************/
.leftmenu_header{
	color:#e92b2d;
	display:table;
	width:100%;
}
.leftmenu_header h2{
	font-size:12px;
	float:left;	
}
.leftmenu_header span{
	float:right;
}
.leftmenu_breaker{
	border-bottom: 1px dotted #e92b2d;
	width:100%;
	height:1px;
	margin-bottom:10px;
	margin-top:10px;	
}
.leftmenu_header a{
	text-decoration:none;
	color:#e92b2d;
}

/* leftcol nieuwsitem */
.leftcol_nieuwsitem{
	display:table;
	width:100%;	
}
.leftcol_nieuwsitem_l{
	float:left;
	width:75px;
}
.leftcol_nieuwsitem_r{
	float:right;
	width:200px;
}

.leftcol_nieuwsitem_titel{
	font-weight:bold;
	}
.leftcol_nieuwsitem_datum{
	color:#e92b2d;	
	}
.leftcol_nieuwsitem_inhoud{
	}
.leftcol_nieuwsitem_leesmeer{
	display:inline;
	float:right;
	color:#e92b2d;	
	width:65px;
	background-image:url(/images/menupijl.png);
	background-position:right;
	background-repeat:no-repeat;
	}
.leftcol_nieuwsitem_leesmeer a{
	text-decoration:none;
	color:#e92b2d;
}
.leftcol_nieuwsitem_plaatje{
	border: 1px solid #CCC;
}

/************
** content **
*************/

.content_left ul{
	list-style:none;
	width:100%;
	margin-bottom:30px;
}
.content_left ul li{
	border-bottom:#e92b2d dotted 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;	
	width:100%;
	height:30px;
	line-height:30px;	
	text-indent:20px;
	color:gray;	
}

.content_left ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;	
	text-decoration:none;
	color:#e92b2d;
	height:30px;
	line-height:30px;
	padding-left:20px;
}
.content_left ul li a.selected{
	font-weight:bold;
	background-image:url(/images/leftmenu_selected_ro.gif);
	background-repeat:no-repeat;
	text-indent:20px;

}

.content_left ul li a.microtitlelink{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;	
	width:100%;
	height:30px;
	line-height:30px;	
	color:gray;	
	padding-left:0px;	
}

/****************
**  rightcol  **
****************/
.content_right h1,.content_right h2,.content_right h3{
	color:#e92b2d;	
}
.content_right h1{
	margin-bottom:15px;
	display:block;
}
.content_right ul{
/*	list-style-position:inside; */
/*	list-style-type:square; */
	list-style-image:url(/images/listitem.gif)
}
.content_right a{
	text-decoration:none;
	color:#e92b2d;	
}
.content_right a:hover {
	text-decoration: underline;
}
.content_right img{
	border:none;
}


/****************
**   topmenu   **
****************/
.flyoutmenu{
	width:100%;
	height:34px;
	background-color:#000;
	display:block;
}
	/* remove the list style */
	#nav {
		margin:0; 
		padding:0; 
		list-style:none;
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left; 
			display:block; 
			width:115px; 
/*			background:#ccc; */
			position:relative;
			z-index:85; 
			margin:0 1px;
		}
		
		/* this is the parent menu */
		#nav li a {
			display:block; 
			padding:8px 5px 0 5px; 
			font-weight:700;  
			height:26px; 
			text-decoration:none; 
			color:#fff; 
			text-align:center;
			background-image:url(/images/menupijl.gif);
			background-position:right bottom;
			background-repeat:no-repeat;
/*			color:#333; */
		}
 
		#nav li a:hover {
			color:#eee;
		}
	
		/* you can make a different style for default selected value */
		#nav a.selected {
			color:#e92b2d;
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
		}
		
		#nav ul li {
			width:140px; 
			float:left; 
			border-top:1px solid #fff;
			background-color:#000;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:23px;
			padding: 8px 5px; 
			color:#FFF;
			background-image: none;			
		}
		
		#nav ul a:hover {
/*			text-decoration:underline;*/
			color:#e92b2d;
		}
 


/****************
**   footer   **
****************/

.footer_certs a{
	text-decoration:none;
	color:#CCC;
}

/************************************************
	      JCAROUSEL LITE		
************************************************/
#list {
	height:130px;
	width:880px; 
	margin:30px auto; 
}

.slider {
	float:left;
	left: -5000px; 
	margin:15px; 
	position:relative; 
	visibility:hidden;	
}
	
.slider ul {
	height:100px;
	width:600px; 
}

.slider ul li {
	padding:0 20px;
}

.slider ul li img {
	cursor:pointer;
	height:100px; 
	padding-top:3px;
	width:120px;  
}

.prev {
	cursor:pointer; 
	float:left;
	padding-top:60px;
}

.next {
	cursor:pointer; 
	float:right; 
	padding-top:60px;
}
 
 
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
 #mycarousel li{
	 list-style:none
}
 
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    /*width: 75px;*/
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

#bannerstrooizout {
	margin: 40px 0 20px;
	display: block;
}