
/*------------------------------ BASIC PAGE SETTINGS --------------------------------*/

*{
	margin:0; 
}

body 
{
	background-color: #b7b8b2;
	text-align: center; 																			/* centreert in IE*/
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 100%; 																				/* 100% staat gelijk met 16px*/
	color:#6A6B6D;
}


/*------------------------------ POSITIONING --------------------------------*/

#container
{
	position: relative;
	margin: 0 auto;																				/* centreert in FF*/
	text-align: left;
	width: 800px;
}

#top_darkgrey
{
	position: relative;
	height: 180px;
	background: url(../content/images/top_darkgrey.gif) no-repeat center bottom;
	z-index: 100;
}

#top_photobanner
{
	height: 237px;
	position: relative;
	overflow: hidden;
	z-index: 50;
}

#top_photobanner img
{
	border: 0px;
	padding: 0px;
	margin: 0px;
	z-index: 50;
}

#content_home
{
	position: relative;	
	height: auto;
	background-color: #fff;
	overflow: hidden;
	width: 100%;	
}

#footer
{
	height:30px;
	background: url(../content/images/footer.gif) no-repeat center bottom;
	text-align: right;
	padding: 30px 30px 10px 0px;
	clear: both;
}


/* TOP_DARKGREY */

#top_darkgrey_logo
{
	position: absolute;
	top: 10px;
	left: 10px;
}

#top_darkgrey_quicklinks
{
	position: absolute;
	top: 0px;
	right: 10px;
}

#top_darkgrey_quicklinks #languages
{
	background-color: #e7e1d5;
	position: absolute;
	top: 24px;
	display: none;
	z-index: 200;
}

#top_darkgrey_quicklinks #languages ul
{	
	list-style-type: none;
	width: 100px;	
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 11px;
	padding: 0px;
}

#top_darkgrey_quicklinks #languages ul li
{
	padding: 3px 3px 3px 10px;
	background-image: url(../content/images/onderlijn_language.gif);
	background-repeat: repeat-x;	
}

#top_darkgrey_quicklinks #languages a,
#top_darkgrey_quicklinks #languages a:visited
{	
	color: #6A6B6D;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 11px;	
}

#top_darkgrey_quicklinks #languages a:hover
{
	color: #ff3700;
	text-decoration: none;
	cursor: pointer;
}

#top_darkgrey_search_path
{
	position: absolute;
	left: 510px;
	bottom: 55px;	
}

#main_navigation
{
	position: absolute;
	bottom: 47px;
	right: 0px;
	width: 800px;	
}

/* content_home */

#leftcolumn
{
	width: 234px;
	float: left;	
	margin: 16px;
}

#centercolumn
{
	width: 220px;
	float: left;
	margin: 16px;	
}

#rightcolumn
{	
	width: 234px;
	float: left;
	.float: none;
	margin: 16px;
}

/*------------------------------ GENERAL TEXT STYLES --------------------------------*/
h1
{
	font-size:1.1em;
	color:#ff3700;
	padding-bottom:0.4em;
}
h2
{
	font-size:1em;
	color:#ff3700;
	font-weight:normal;
	padding-bottom:0.4em;
	padding-top:0.5em;
}
h3
{
	font-size:1em;
	color:#3E3E40;
	font-weight:normal;
	padding-bottom:0.4em;
	padding-top:0.5em;
}
h4
{
	font-size:1em;
	color:#666666;
	font-weight:bold;
	padding-bottom:0.4em;
	padding-top:0.5em;
}
p
{
	padding-bottom:0.8em;
}

a,
a:visited
{
	color:#6A6B6D;
	text-decoration:underline;
	font-size: 12px;
}

a:hover
{
	color:#ff3700;
	text-decoration:underline;
}

a img
{
	border: 0 none;
}

hr
{
	size:0;
	color:#FFFFFF;
	border:0;
	border-top:0.09em dotted #666666;
}

ul 
{	
	margin-bottom: 5px;
	text-align: left;
	padding-left: 0px;
}

.collapse_box
{
	display: none;
}

#content #column_2 ul li,
#content_home ul li
{
	list-style-image: url(../content/images/li.gif);
	text-align: left;
	margin-left: 20px;
}

#content table,
#content_home table
{
	font-size: 1em;
	padding: 0px;
}

#content td,
#content_home td
{
	padding: ;
}




/*------------------------------ STYLES --------------------------------*/


/* TOP_DARKGREY */

#top_darkgrey_quicklinks a
{
	font-size: 0.70em;
	color: #dcdcdc;
	text-decoration: none;
}

#top_darkgrey_quicklinks a:hover
{
	color: #ff3700;
	text-decoration: underline;
}

#top_darkgrey_search_path table
{
	border: 1px solid white;	
}

#top_darkgrey_search_path input 
{
	background-color: #4c4c4e;	
	border: 0px;
	color: #dcdcdc;	
	text-indent: 5px;
}

#main_navigation
{
	font-size: 0.80em;
	color: #dcdcdc;	
}

/* CONTENT_HOME */
#content_home
{
	color: #414141;
	font-size: 0.75em;
}

.bg_block
{
	background: url(../content/images/background_block.gif) no-repeat bottom right;
	margin-bottom: 7px;
	padding: 1px;
	cursor: pointer;
	width: 230px;	
}

.bg_block table
{
	width: 100%;
	color: #414141;
	font-size: 1em;
	padding: 0px;
	margin: 0px;
}

.bg_block table td.block_image
{
	padding-right: 10px;
	vertical-align: top;
	width: 50px;
}

.bg_block table td.block_text
{
	padding: 5px 0px 5px 0px;	
	text-align: left;
	line-height: 1em;
	font-weight: bold;
}

.bg_block div.subtext
{
	display: none;
	padding: 3px;
	margin: 0px;
	overflow: hidden;	
}

.bg_block table td.block_arrow
{
	background:url(../content/images/background_block_arrow.gif) no-repeat center;
	width: 20px;
	height: 15px;
}

.bg_block p
{
	margin-bottom: 10px;
}

.bg_block input
{
	border: 1px solid #6b6b6b;
}

.bg_block input.button
{
	background-color: #414141;
	color: #fff;
	border: 0px;
	text-transform: lowercase;
}

/* NEWS */

h1 img 
{
	margin-bottom: 10px;
}

.news
{
	padding: 7px;
	margin-bottom: 10px;
	border-bottom: 1px dotted white;
}

p.news_date
{
	color:#ff3700;
	font-weight: bold;
	padding: 0px;
	margin:0px;
}

p.news_title
{
	font-weight: bold;
	padding: 0px;
	margin:0px;
}

p.news_text
{
	padding: 0px;
	margin:0px;
}

table.imagetext
{
	border: none;
	padding: 0px;
	margin: 0px;
	width: 500px;
}

table.imagetext tr td
{
	vertical-align: top;
	border: none;
	padding: 0px;
	margin: 0px;
}

table.imagetext tr td p
{
	clear: none;
	padding: 0px;
	margin: 0px;
	font-size: 1em;
	color: #6A6B6D;
}

table.imagetext tr td img
{
	padding: 0px 10px 10px 10px;
}

table tr td.rotate {
	/* Safari */
	-webkit-transform: rotate(-90deg);
	
	/* Firefox */
	-moz-transform: rotate(-90deg);
	
	/* IE */
	/*-ms-transform: rotate(270deg);*/
	
	/* Opera */
	-o-transform: rotate(-90deg);
	
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	/*display:block;*/
	/*position: absolute;*/
}

table tr td img {
	display: block;
}

span.rotate {
	/* Safari */
	-webkit-transform: rotate(-90deg);
	
	/* Firefox */
	-moz-transform: rotate(-90deg);
	
	/* IE */
	/*-ms-transform: rotate(270deg);*/
	
	/* Opera */
	-o-transform: rotate(-90deg);
	
	/* Internet Explorer */
	display:block;
	position: absolute;
}

/* FOOTER */
#footer a
{
	font-size: 0.70em;
	color: #6b6b6b;
	text-decoration: none;
	border-bottom: 1px dotted #6b6b6b;
	padding-right: 10px;
}

#footer a:hover
{
	color: #ff3700;
}



/*------------------------------ CONTENT PAGES --------------------------------*/

#content
{
	height: auto;
	background-color: #fff;
	overflow: hidden;
	width: 100%;
	font-size: 0.75em;	
}

#content #column_1
{
	width: 250px; 
	float:left;
	padding: 25px 0px 10px 0px;
}


#content #column_1 h1
{
	width: 214px;
	height: 20px;
	background: url(../content/images/grayblock.gif) no-repeat top right;
	background-color: #949496;
	color: #FFF;
	font-weight: bold;
	font-size: 100%;
	margin: 0px;
	padding-left: 10px;
	margin-bottom: 5px;
	margin-top: 10px;
	line-height: 22px;
}


#content #column_2
{
	width: 530px; 
	float:left;
	padding: 25px 0px 10px 10px;
	min-height: 500px;
}

#content #breadcrumbs #inner
{
	padding-left: 25px;
}

#content #breadcrumbs #inner img
{
	margin-bottom: 10px;
}

#content #breadcrumbs .separator
{
	height: 52px;
	width: 36px;
	position: relative;
	background: url(../content/images/sidenav_bg_corner.gif) no-repeat left bottom;
}

#content #sidenavigation
{
	font-size: 0.80em;
	padding-top: 20px;
	padding-left: 25px;
	width: 200px;
}

#content #extra
{
	padding-top: 20px;
	padding-left: 20px;
	width: 200px;
}


/*-------------------------------------- SIDENAVIGATION --------------------------------------*/
		
#sidenavigation ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#sidenavigation li a /* level 1 */
{
	display: block;
	outline: none;
	background: url(../content/images/onderlijn_hoofdnav.gif) repeat-x bottom;
	width:180px !important; /*moz width*/	
	width: 200px;	
	padding: 4px 12px 4px 8px;
	text-decoration: none;
}

#sidenavigation li li a   /* level 2 */
{
	display: block;
	outline: none;	
	background: url(../content/images/onderlijn_subnav.gif) repeat-x bottom;
	width:168px !important; /*moz width*/
	width:188px; /*IE width*/
	padding: 3px 12px 3px 20px;  		
	text-decoration: none;
}

#sidenavigation li li li a /* level 3 */
{
	display: block;
	outline: none;	
	background: url(../content/images/onderlijn_subnav.gif) repeat-x bottom;
	width:158px !important; /*moz width*/
	width:200px; /*IE width*/
	padding: 3px 12px 3px 32px;
	text-decoration: none;
}

#sidenavigation li li li li a /* level 4 */
{
	display: block;
	outline: none;	
	background: url(../content/images/onderlijn_subnav.gif) repeat-x bottom;
	width:148px !important; /*moz width*/
	width:200px; /*IE width*/
	padding: 3px 12px 3px 44px;
	text-decoration: none;
}

#sidenavigation li li li li li a /* level 5 */
{
	display: block;
	outline: none;	
	background: url(../content/images/onderlijn_subnav.gif) repeat-x bottom;
	width:138px !important; /*moz width*/
	width:200px; /*IE width*/
	padding: 3px 12px 3px 56px;
	text-decoration: none;
}

#sidenavigation .folder 
{
	background: url(../content/images/raquo.gif) no-repeat right center;
	display: block;
	outline: none;	
}

#sidenavigation .folder_selected 
{
	background: url(../content/images/raquo_selected.gif) no-repeat right center;
	display: block;
	outline: none;	
}

#sidenavigation .folder_selected a
{
	color: #ff3700;	
}

#sidenavigation .folder_open
{
	background-color: #f1f0f0;	
}

#sidenavigation .page_selected 
{
	color: #ff3700;	
}

#news
{
	background: url(../content/images/background_block.gif) no-repeat bottom right;
	margin-bottom: 7px;
	padding: 0px;
}

#news div.message
{
	padding: 5px;
}

#news div.message .date
{
	color: #ff3700;
	font-weight: bold;
}

#news div.message .title
{
	font-weight: bold;
}

#news div.message .body
{
	
}

#aware
{
	padding: 5px 1.78em 20px 2.4em;
	color: #6a6b6d;
	font-size: 1.1em;
	text-align: left;
}

#aware a
{
	color: #6a6b6d;
	text-decoration:none;
	
}

#aware a:hover
{
	color: #6a6b6d;
	text-decoration:underline;
}


#content_home img
{
	border: 0px;
}

/*---------------------------- TABLE DATA -----------------------------*/

table.data{
	margin: 7px 0px 7px 0px;
	border-collapse: collapse;
}
table.data .title {
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}
table.data .titleM {
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}
table.data .title a:link, table.data .title a:visited, table.data .titleM a:link, table.data .titleM a:visited {
	text-decoration:none;
}
table.data th, table.data td {
  border-right: 1px solid white;
  padding: 2px;
}
table.data td {
  font-size: 11px;
  text-align: center;
  padding: 2px;
}
table.data th {
  background-color: #e7e1d5;
  font-weight: normal;
  border-bottom: 1px solid white;
  text-align: center;
  font-size: 11px;
  padding: 2px;
}
table.data .bg {
  background-color: #ECECEC;
}
/*------------- bg calcul -------------- */
table.data .bg2 {
  background-color: #F5F5D5;
}
table.data .bottomline {
  border-bottom: 1px solid #E7E1D5;
}

table.data .fieldL {
	font-size: 10px;
	color: #000000;
	text-align: left }
	
table.data .fieldR {
	font-size: 10px;
	color: #000000;
	text-align: right }
	
table.data .fieldM {
	font-size: 10px;
	color: #000000;
	text-align: center }
	
table.data .fieldResult {
	font-size: 10px;
	background-color: #F5F5D5;
	border:solid 1px #e7e1d5;
	/*border:0;*/
	color: #000000;
	text-align: right; }
	
form[name="formulier3"] .button {
	font-size: 10px;
	color: #6a6b6d;
	background-color: #e7e1d5;
	text-align: center }


