body
{
    background: url(../images/background.jpg) 0 0 repeat;
}

/**
 * Transparent class
 */
.transparent
{
    filter: alpha(opacity=40);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    -moz-opacity: 0.40; 
    opacity: 0.4;
}

/**
 * Opague class
 */
.opague
{
    /* Cancel out the tranceparency */
    filter: alpha(opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 100;
    opacity: 100;
}

.header
{
    /* Gray header on top */
    margin: 0px auto;
    height: 160px;
    background-color:#000;	
	border-bottom: 1px solid #111;
}

.logo
{
	background: url(../images/logo.png) 0 0 no-repeat;
	
	/* Position the logo */
    position: absolute;
    top: 0px;	
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 590px;
	height: 182px;
	z-index: -1;
}

.container
{
    width: 900px;
    min-height: 650px;
    margin: 165px auto; 
}

.container .top
{
    background: url(../images/header.png) 4px 0 no-repeat;
    width:  900px;  
    height: 40px;
	margin-left: 1px;
}

/**
 *	TOP MENU CSS
 */
.container .top .menu
{
	height: 35px;
	padding-top: 5px;
	padding-left: 210px;
}

.container .top .menu li
{
    list-style-type: none;
    list-style: none;
   	margin: 0px;
	padding-left: 3px;
	padding-right: 3px;
	height: 30px;
	float: left;

	white-space: nowrap;	
	text-overflow: ellipsis;
	text-shadow: 1px 1px 1px #333;
    text-decoration: none;
	text-align: center;
	
	color: white;
}

.container .top .menu li a 
{
	display: block;
	height: 30px;
	text-decoration: none;
}

.container .top .menu a .left
{
	float: left;
	display: block;
	background: url(../images/topmenuitemleft.png) 0px -30px  no-repeat;
	padding-left: 6px;
	height: 30px;
}

.container .top .menu li a span
{
	float: left;
	display: block;
	height: 30px;
	/*padding-top: 6px;*/
	padding: 5px 3px 0px;
	color: white;
	background: url(../images/topmenuitemcenter.png) 0px -30px repeat-x;
}

.container .top .menu a .right
{
	display: block;
	float: left;
	background: url(../images/topmenuitemright.png) 0px -30px no-repeat;
	padding-right: 6px;
	height: 30px;
}

/* SELECTED TOP ITEM */
.container .top .menu li.active a 
{
	display: block;
	height: 30px;
	text-decoration: none;
}

.container .top .menu li.active a .left
{
	float: left;
	display: block;
	background: url(../images/topmenuitemleft.png) no-repeat;
	padding-left: 6px;
	height: 30px;
}

.container .top .menu li.active a span
{
	float: left;
	display: block;
	height: 25px;
	color: white;
	background: url(../images/topmenuitemcenter.png) repeat-x;
}

.container .top .menu li.active a .right
{
	display: block;
	float: left;
	background: url(../images/topmenuitemright.png) no-repeat;
	padding-right: 6px;
	height: 30px;
}


/**
 *	END TOP MENU CSS
 */

.container .center
{
	background: url(../images/containerbackground.png); 
	min-height: 700px;
}

.container .center .menu
{
	width: 210px;
	float: left;
}

.container .center .menu .menucenter
{
    background: url(../images/menu.png) 4px 0px no-repeat;
    height: 570px;
    width:  225px;
}

/** 
 *  MENU MODULE
 */
.container .center .menu .menucenter .menu
{
    margin: 0px;
    padding: 0px;
}

/* disble the ul in the ul. */
.container .center .menu .menucenter .menu ul 
{
	display: none;
}

.container .center .menu .menucenter .menu li
{
    list-style-type: none;
    background: url(../images/menuitem.png) 0px -40px no-repeat;
    list-style: none;
}

.container .center .menu .menucenter .menu li a
{
	display: block;
	width: 204px;
	height: 24px;
	padding-top: 5px;
	text-shadow: 1px 1px 1px #FFFFFF;
    text-decoration: none;
	text-align: left;
    padding-left: 15px;
    color: rgb(79,79,79);
}

/**
 * Huidige pagina
 */
.container .center .menu .menucenter .menu li.active a
{
    color: rgb(28,66,87);
    width:          215px;
    padding-top:    7px;
    height:         33px;    /* -7px voor padding-top */
}

.container .center .menu .menucenter .menu li.active
{
    background:     url(../images/menuitem.png) 0px 0px no-repeat;
	width: 			215px;
}

/**
 *  The window where the articles are shown.
 */
.container .center .window
{
    width: 675px;
	padding-top: 10px;
	margin-left: 220px;
}

/**
 * Quick contact info
 */
.container .center .contactinfo
{
	width: 210px;
	text-shadow: 1px 1px 1px #FFFFFF;
    text-decoration: none;
	text-align: left;
    color: rgb(0,0,0);
	margin-left: 12px;
	vertical-align: bottom;
}

/**
 *  Bottom thing of the container.
 */
.container .bottom
{
	background: url(../images/windowbottom.png) 5px 0px no-repeat;
	width: 900px;
	height: 10px;
}

table.center
{
    border-collapse: collapse;
    border-spacing: 0px;
    text-align:     top;
}

table.center tr
{
	border-spacing: 0px;
    border-collapse: collapse;
}

table.center td
{
    vertical-align: top;
	border-spacing: 0px;
    border-collapse: collapse;
}

.flag_en
{
	margin-top: 12px;
	margin-right: 5px;
	float: right;
	width: 16px;
	height: 16px;
	background: url(../images/flag_great_britain.gif) 0px 0px no-repeat;
}

.flag_nl
{
	float: right;
	margin-top: 12px;
	margin-right: 5px;
	width: 16px;
	height: 16px;
	background: url(../images/flag_netherlands.gif) 0px 0px no-repeat;
}