/* --> Includes CSS
****************************************************/

@import url(content.css);
@import url(menu.css);


/* --> General
****************************************************/

html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	font: 11px arial;
	background: #e1e1e1 url(../../img/bg_wb.gif) repeat-x;
}



/* --> Page layout 
******************************************************************************/

#master-container {
	text-align: center;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
}

#canvas {
	padding: 0px;
	margin: auto;
	text-align: left;
	width: 750px;
	display: table;
	background: #e1e1e1 url(../../img/bg_site.gif) repeat-y 0 0;
}

#topbar {
	height: 12px;
	font: 1px;
	background: url(../../img/bg_topbar.gif) repeat-x 0 0;
}

#topbar #shadebar {
	height: 12px;
	background: url(../../img/bg_shadebar.gif) no-repeat 0 0;
}

#mainphoto {
	width: 750px;
	height: 190px;
}

#mainmenu-container {
	width: 750px;
	height: 65px;
	float: none;
	clear: both;
	background: url(../../img/bg_mainmenu.gif) no-repeat 0 0;
}

#topmenu {
	margin: 28px 0 0 0;
	width: 215px;
	float: left;
	background: url(../../img/icon_mainmenu.gif) no-repeat 78px 2px;
}

#mainmenu {
	margin: 28px 0 0 0;
	width: 520px;
	float: left;
}

#mainmenu #language {
	width: 30px;
	height: 21px;
	float: right;
	margin: 0 0 50px 0;
	display: inline;
}


#content-container {
	width: 750px;
	height: 200px;
	float: none;
	clear: both;
	background: url(../../img/bg_fade_content.gif) no-repeat 0 0;
}

html>body #content-container {
	min-height: 200px;
	height: auto;
}

#content-container #content-block {
	padding: 0 0 20px 0;
	width: 570px;
	float: left;
}

#content-container #content-block #titlebar {
	margin: 50px 0 0 28px;
	width: 470px;
	height: 34px;
}

#content-container #content-block #content {
	margin: 5px 0 0 30px;
	padding: 15px 0 0 0;
	width: 470px;
	font: 12px/18px Arial, Helvetica, Verdana, sans-serif;
	color: #fff;
	background: url(../../img/bg_pageheader.gif) repeat-x 0 0;
}

#content-container #content-block #content td {
	font: 12px/18px Arial, Helvetica, Verdana, sans-serif;
	color: #fff;
}

#content-container #sidebar-block {
	margin: 50px 0 0 0;
	padding: 0 0 20px 0;
	float: left;
}
#content-container #inside-buttons{
  padding: 70px 0 0 0;
  text-align: center;
}

/* --> Submenu & Nieuws block 
******************************************************************************/

/** Submenu */

#submenu-block {
	margin: 0 0 20px 0;
	width: 152px;
}

#submenu-block div.block-header {
	width: 152px;
	height: 24px;
	background: url(../../img/bg_header_subs.gif) no-repeat 0 0;
}

#submenu-block div.block-content {
	padding: 10px 4px;
	height: auto;
	background: url(../../img/bg_block_subs.gif) repeat-y 0 0;
}

#submenu-block div.block-footer {
	width: 152px;
	height: 7px;
	background: url(../../img/bg_footer_subs.gif) no-repeat 0 0;
}

#submenu-block div.block-content ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#submenu-block ul li {
	margin: 0;
	padding: 0 7px 3px 7px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background: url(../../img/bg_line_subs.gif) repeat-x bottom left;
}

#submenu-block ul li a {
	padding: 2px 0 2px 9px;
	color: #fff;
	text-decoration: none;
	display: block;
	background: url(../../img/icon_subitem.gif) no-repeat 0 7px;
}

#submenu-block ul li.sub-nav-active a {
	padding: 2px 0 2px 10px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	background: url(../../img/icon_subitem.gif) no-repeat 0 7px;
}

#submenu-block ul li a:hover {
	padding: 2px 0 2px 10px;
	font-weight: bold;
}


/** Submenu */

#nieuws-block {
	margin: 0 0 20px 0;
	width: 152px;
}

#nieuws-block div.block-header {
	width: 152px;
	height: 24px;
	background: url(../../img/bg_header_nieuws.gif) no-repeat 0 0;
}

#nieuws-block div.block-content {
	padding: 10px 4px;
	height: auto;
	color: #fff;
	background: url(../../img/bg_block_nieuws.gif) repeat-y 0 0;
}

#nieuws-block div.block-footer {
	width: 152px;
	height: 7px;
	background: url(../../img/bg_footer_nieuws.gif) no-repeat 0 0;
}

#nieuws-block .news-headline {
	margin: 0;
	padding: 0 7px 7px 7px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	background: url(../../img/bg_line_nieuws.gif) repeat-x bottom left;
}

#nieuws-block .news-title {
	padding: 2px 0 2px 9px;
	font-weight: bold;
	background: url(../../img/icon_subitem.gif) no-repeat 0 7px;
}

#nieuws-block .news-content {
	padding: 0 0 0 9px;
}

#nieuws-block .news-more a {
	padding: 2px 0 2px 9px;
	color: #ffd5b5;
	text-decoration: none;
}

#nieuws-block .news-more a:hover {
	padding: 2px 0 2px 10px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}



/** Gateway info */

#g2g-block {
	margin: 0 0 20px 0;
	width: 152px;
}

#g2g-block div.block-header {
	width: 152px;
	height: 24px;
	background: url(../../img/bg_header_g2g.gif) no-repeat 0 0;
}

#g2g-block div.block-content {
	padding: 10px 7px 3px 11px;
	height: auto;
	font: 9px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background: url(../../img/bg_block_subs.gif) repeat-y 0 0;
}

#g2g-block div.block-footer {
	width: 152px;
	height: 7px;
	background: url(../../img/bg_footer_subs.gif) no-repeat 0 0;
}

#g2g-block a {
	padding: 0 0 0 9px;
	color: #fff;
	text-decoration: none;
	display: block;
	background: url(../../img/icon_subitem.gif) no-repeat 0 7px;
}

#g2g-block a:hover {
	padding: 0 0 0 10px;
	font-weight: bold;
}




/* --> Page elements 
******************************************************************************/

span.spacer {
	padding: 0 5px;
	text-indent: -1000px;
}




/* --> popup style
******************************************************************************/

#popup-container {
	padding: 80px 0 0 0;
	background: #787878 url(../../img/bg_popup.gif) repeat-x 0 0;
}

#popup-container #content-block {
	margin: 0 20px;
	padding: 0;
	width: auto;
}

#popup-container #content-block #titlebar {
	margin: 0;
	padding: 0;
	width: auto;
	height: 34px;
}

#popup-container #content-block #content {
	margin: 5px 0 0 2px;
	padding: 15px 0 15px 0;
	width: auto;
	font: 11px/17px Arial, Helvetica, Verdana, sans-serif;
	color: #fff;
	background: url(../../img/bg_pageheader.gif) repeat-x 0 0;
}

#popup-container #content-block #content td {
	font: 11px/17px Arial, Helvetica, Verdana, sans-serif;
	color: #fff;
}

#popup-container .closewindow {
	position: absolute;
	right: 30px;
	top: 24px;
}