/* CSS Document 
 * INITI8 B.V.
 * All rights reserved; copyright INITI8 B.V. 2006-2007
*/
body {
	margin: 0;
	padding: 0;
	background-color: /*#C0C0C0;*/#999999;/*#666362;*/ /*#5C5858;*/ /*#303030;*/
	background-image: url("images/backgrounds/achtergrond_background_medium_1500.gif");
	background-repeat: repeat-x;
	}
html {
	overflow-y: scroll;
}
a, a:link {
	color: #F60;
	text-decoration: none;
	}
a:hover {
	color: #F90;
	}
a:visited {
	color: #F60;
	}	
a.skip { /* For the Skip Navigation link, see note in HTML. */
	display: none;
	}		
h1, h2, h3, h4, h5, h6, p, li, th, td, label {
	color: #333;
	font-family:  Trebuchet MS, Helvetica, Arial, sans-serif; /*Verdana, Tahoma, Arial, Microsoft Sans Serif*/
	}
p {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: small;
	line-height: 15px;
	}
h1 {
	margin: 6px 0 6px 0;
	/*padding-left: 10px;*/
	font-size: x-large;
	/*text-transform: uppercase;*/
	/*background-image:  url("images/elements/driehoekje_grijs.gif");*/
	background-repeat: no-repeat;
	background-position: left;
	}
h2 {
	margin: 0;
	padding: 8px 0 8px 0;
	font-size: large;
	}
h3	{
	margin: 0;
	padding: 0 0 3px 0;
	font-size: medium;
	/*font-style: italic;*/	
	}
h4	{
	margin: 0;
	padding: 0 0 3px 0;
	font-size: small;
	font-style: italic;	
	}

table tr td.nieuws_logo
{
	padding: 5px 0px 0px 0px;
	text-align: center;
	vertical-align: middle;
}

table tr td.nieuws_tekst
{
	padding: 12px 2px 12px 0px;
	border-bottom-style:dotted;
	border-bottom-color: gray;
	border-bottom: 1px;
}

table .kop
{
	font-weight: bold;
	font-size: 120%;
}

table .datum
{
	font-style: italic;
	font-size: 80%;
}

table .c8
{
	float:right;
	vertical-align: top;
	/*position: relative;
	left: 450px;*/
}
.oranje {
    color: #F90;
}
.donker_oranje {
    color: #F60;
}
#kop {
	margin: 6px 0 6px 0;
	/*padding-left: 10px;*/
	font-size: x-large;
	/*text-transform: uppercase;*/
	/*background-image:  url("images/elements/driehoekje_grijs.gif");*/
	background-repeat: no-repeat;
	background-position: left;
	}

#wrap {
	margin: 10px auto;
	width: 760px;
	background-color: #FFF;
	}
#page {
	padding: 15px 16px;	
	}
#header img {
	display: inline;
	}	
#header {
	height: 116px;
	}
#logo {
	position: relative;
	top: 35px;
	left: 15px;
	}
#topmenu {
	float: left;
	}

#refe
{
	/*vertical-align:text-bottom;*/
	vertical-align:sub;
}


/* -------------- Dockcontainer -------------- */

#dockContainer{
    display    : table;
    margin     : 0 auto;
    text-align : center;    /* fixes IE bug */
  }

  #dockContainer > div{
    display : inline-block; /* fixes IE bug */
  }

  #dockContainer > div{
    display : inline;       /* fixes IE bug */
  }

  #dockContainer > div{
    display       : table-cell;
    text-align    : left;
/*    background    : url('dock-centre-40.png') repeat-x 0 64px;*/
    border-bottom : 1px solid rgb(220,220,200);
  }

  #dockContainer > div > div{
    /*background : url('dock-right-40.png') no-repeat right 64px;*/
  }

  #dockContainer > div > div > div{
    /*background : url('dock-left-40.png') no-repeat left 64px;*/
    height     : 88px;
    overflow   : hidden;
    padding    : 0 10px;
  }


/* ---------- Begining of main menu -------- */	
#menu {
	/*width:750px;*/
	margin: 0;
	padding: 0;
	height: 33px;
	}	
#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#menu ul li {
	/*text-indent:-9px;*/
	/*text-align:center;*/
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 104px;
	font-size: 11px;
	font-weight: bold;
	background-color: #D75600;
	height: 18px;
	/*text-transform: uppercase;*/
	}
#menu ul li a {
	display: block;
	margin: 0;
	padding: 2px 0px 3px 12px;/*2px 0 3px 12px;*/
	background-image: url("images/menus/menu_off.gif");
	background-repeat: no-repeat;
	background-color: #D75600;
	color: #FFF;
	text-decoration: none;
	height: 13px;
	}
#menu ul li a:hover {
	background-image: url("images/menus/menu_on.gif");
	/*background-position:-10px;*/
	background-repeat: no-repeat;
	background-color: #F60;
	}
#menu ul li.blank { /* We need to ajust the border on the right for the last button. */
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	background-color: #D75600;
	height: 18px;
	width: 104px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	}
#menu ul li.lastblank { /* We need to ajust the border on the right for the last button. */
	display: block;
	float: left;
	margin: 0;
	padding: 0;
/*	background-image: url("images/menus/menu_non.gif");
	background-repeat: no-repeat;
	text-transform: uppercase;*/
	background-color: #D75600;
	height: 18px;
	width: 208px;
	font-size: 11px;
	font-weight: bold;

	}
#menu ul li.first a:hover { /* And for the mouse over too. */
	background-image: url("images/menus/menu_on_first.gif");
	}
#menu ul li.last a { /* We need to ajust the border on the right for the last button. */
	border-right: 1px solid #D75600;
	/*width: 110px;*/
	}
#menu ul li.last a:hover { /* And for the mouse over too. */
	/*background-image: url("images/menus/menu_on_last.gif");*/
	border-right: 1px solid #F60;
	
	}
		
#menu ul li.lastcurrent a { /* And also for the "current" mode. */
	background-image:   url("images/menus/menu_selected.gif");
	background-repeat: no-repeat;
	background-color: #F60;
	border-right: 1px solid #F60;
	}					
#menu ul li.current a, #menu ul li.current a:hover {
	background-image:   url("images/menus/menu_selected.gif");
	background-repeat: no-repeat;
	}
/* ---------- End of main menu -------- */
	
#sidebar {
	float: left;
	clear: left;
	width: 208px;
	}
#sidebar h2 {
	margin: 0;
	padding: 10px 10px 5px 10px;
	font-size: small;
	}
#sidebar p {
	margin: 0;
	padding: 5px 10px;
	line-height: 15px;
	}

/* ---------- Begining of submenu -------- */	
#submenu {
	margin-bottom: 15px;
	}	
#submenu ul {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	/*text-transform: uppercase;*/
	list-style-type: none;
	}
#submenu ul li a {
	display: block;
	margin: 0;
	padding: 0 0 1px 12px;
	width: 196px;
	color: #FFF;
	line-height: 17px;
	background-image:  url("images/menus/submenu_off.gif");
	background-color: #F60;
	background-repeat: no-repeat;
	border-bottom: 1px solid #FFF;
	}
#submenu ul li a:hover {
	background-image:  url("images/menus/submenu_on.gif");
	background-repeat: no-repeat;
	background-color: #F90;	
	}
#submenu ul li.current a {
	background-image:  url("images/menus/submenu_on.gif");
	background-repeat: no-repeat;
	background-color: #F90;
	}
#submenu ul li.selected a {
	background-image:  url("images/menus/submenu_selected.gif");
	background-repeat: no-repeat;
	background-color: #F90;
	}			
#submenu ul li.section {
	padding: 6px 0 39px 12px;
	font-size: 13px;
	color: #FFF;
	background-image: none;
	background-color: #F90;
	border-bottom: 1px solid #FFF;
	}
#submenu ul li.selected ul li a {
	display: block;
	margin: 0;
	padding: 0 0 1px 12px;
	width: 196px;
	color: #FFF;
	line-height: 17px;
	background-image: none;
	background-color: #F90;
	border-bottom: 1px solid #FFF;
	}	
#submenu ul li.selected ul li a:hover {
	color: #FFE0CC;
	}		
/* ---------- End of submenu -------- */	
	
div.textbox {
	margin-bottom: 45px;
	background-image: url("images/backgrounds/achtergrond_textbox.gif");
	background-repeat: repeat-x;
	}
	
/* ---------- Begining of content -------- */		
#content {
	/*margin: 0 15px 45px 223px;*/
	margin: 0 15px 15px 223px;
	}
#content ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#content ul li 
{
    display:  block; /*list-item */
	
	/*float: left;*/
	margin: 3px 0 3px 8px;
	padding-left: 8px;
	font-size: small;
	font-weight:normal;
	background-image:  url("images/elements/driehoekjeklein_grijs.gif");
	background-color: #FFFFFF;
	background-position: /*left center;*/ left top;
	background-repeat: no-repeat;
}
#content ul li.l2 
{
    display: block;
	
	float:none;
	margin: 6px 0 6px 10px;
	padding-left: 8px;
	font-size: 11px;
	font-weight:normal;
	}

#content ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#content ol li 
{
    display:  block; /*list-item */
	
	/*float: left;*/
	margin: 3px 0 3px 8px;
	padding-left: 8px;
	font-size: small;
	font-weight:normal;
	background-image:  url("images/elements/driehoekjeklein_grijs.gif");
	background-color: #FFFFFF;
	background-position: /*left center;*/ left top;
	background-repeat: no-repeat;
}



#content table tr td 
{
    color: #333;
    font-size: small;
	font-weight:normal;
	padding: 3px 0px 3px 0px;
}

#content table tr td a 
{
    color: 	#333;
    text-decoration: underline;
}


img  
{
    border-color:#000000;
}
/* ---------- End of content -------- */
	
/* ---------- Begining of contentREF -------- */		
#contentREF {
	margin: 0 15px 45px 0px;/*223px;*/
	}	
	
#footer {
	clear: both;
	background-color: #F0F0F0;
	height: 21px;
	text-align: center;
	}
#footer p {
	margin: 0;
	padding: 3px 0 3px 10px;
	font-size: x-small;
	}	
#footer form {
	float: right;
	padding: 0 0 3px 3px;
	background-color: #FFF;
	}
#footer form input {
	display: block;
	float: left;
	margin: 0;
	padding: 0 3px;
	}