/* Start CSS Document */

body {
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial;
	background-color: #efefef;
}

ul {	
	margin:0px;
	padding:0px;
}

.clear {
	clear:both;	
}

/* ------------------- */
/* GENERAL LAY-OUT CSS */
/* ------------------- */

div#container {			/* HOOFD CONTAINER */
	background: url(../images/background.jpg) no-repeat 150px 0px;
	background-color:#FFFFFF;
	/*margin:0 auto;*/ /* LEFT 	ALIGN EDIT */
	width:990px;
	height:auto;
	/*border-right: 1px solid #3680a5;*/
	/*border-left: 1px solid #3680a5;*/
	border-left: 1px solid #b2b1b1;
	border-right: 1px solid #b2b1b1;
	/*display:block;*/
	position:absolute;
	left:50%;
	margin-left:-495px;
}

div#top {
	position:absolute; /* LEFT ALIGN EDIT */
	left:0;
	top:0;
	width:990px;
	float:left;
	clear:both;
}

div#topmenu {
	background:url(../images/blauwe-balk.png) repeat-x 150px 0px;
	float:left;
	clear:both;
	/*width:840px; */ /* LEFT ALIGN EDIT */
	width:100%;  /* LEFT ALIGN EDIT */
	height:90px;
	/*margin-left:150px; */
}

div#left-top-box {
	float:left;
	position:absolute;
	left:0;
	top:0;
	width:150px;
	height:90px;
	background-color:#FFF;
	}

div#logo-civolution {
	float:left;
	background:transparent url(../images/logo-voor-website.gif) no-repeat;
	position:absolute;
	left:700px;
	top:40px;
	width:257px;
	height:35px;
	margin-right:20px;
}

.logo-link {			/* MAKES THE RELEVANT <A> ELEMENT WITHIN A DIV FULL SIZE, COMPLETE DIV CLICKABLE */
	display:block;
	width:100%;
	height:100%;	
	}
	
/* -------------------------- */
/* END OF GENERAL LAY-OUT CSS */
/* -------------------------- */

/* ---------------- */
/* CSS FOR TOP MENU */
/* ---------------- */
	
#topmenu-menu {
	float:left;
	position:absolute;
        display:inline;
	left:150px;
}

#topmenu-menu ul, li {
	float:left;    /*   <-- MAKES THE TOPMENU UL LI ITEMS FLOAT NEXT TO EACHOTHER INSTEAD UNDERNEATH */
	font-family:Verdana;
	font-size:9px;
	color:#005984;
	list-style:none;
	}

.top-menu-button-holders {
	display:inline;
	float:left;
	height:70px;
	padding-top:20px;
	margin-right:35px;
	}

.top-menu-button-holders:hover {
	float:left;
	background:transparent url(../images/button_transp_ro.png) no-repeat center;
	}

.top-menu-button-holders-active {		/* CLASS FOR ACTIVE-STATE OF MENU BUTTON */
	float:left;
	padding-top:20px;
	margin-right:35px;
	background:transparent url(../images/button_transp_ro.png) no-repeat center;
	} 

.top-menu-button-holders-first {		/* CLASS ONLY FOR THE FIRST MENU BUTTON */
	float:left;
	display:inline;
	height:70px;
	padding-top:20px;					
	margin-left:35px;
	}

.top-menu-button-holders-first:hover {		/* HOVER STATE FOR FIRST MENU BUTTON */
	float:left;
	background:transparent url(../images/button_transp_ro.png) no-repeat center;
	}

.top-menu-button-holders-first-active {		/* ACTIVE STATE FOR FIRST MENU BUTTON */
	float:left;
	height:70px;
	padding-top:20px;
	margin-right:35px;
	margin-left:35px;
	background:transparent url(../images/button_transp_ro.png) no-repeat center;
	}
	
	
.top-menu-link {		/* CLASS TO MAKE THE LINKS IN TOP MENU CLICKABLE IN WHOLE DIV INSTEAD ONLY AT <A> ELEMENT */
	text-align:center;
	text-decoration:none;
	font-family:Verdana;
	font-size:9px;
	font-weight:bold;
	display:block;
	height:60px;
	/*position:relative; */
	max-width:150px;
}
		/* ------------------------------------ */
		/* SPECIAL PROPERTIES FOR IE6 (AND IE5) */
		/* ------------------------------------ */

* html .top-menu-link{ 
	text-align:center;
	text-decoration:none;
	font-family:Verdana;
	font-size:9px;
	font-weight:bold;
	display:inline;
}
		/* ------------------------------------------- */
		/* END OF SPECIAL PROPERTIES FOR IE6 (AND IE5) */
		/* ------------------------------------------- */

.active-link {			/* ACTIVE STATES FOR LEFT MENU, NOT WORKING YET!  */
	color:#FFF;
	}
	
/* -------------------- */
/* END CSS FOR TOP MENU */
/* -------------------- */
	
/* ----------------- */
/* CSS FOR LEFT MENU */
/* ----------------- */

	
#menu li.green {
	background-color:#c0c17d;
}

#menu li.green ul,
#menu li.green div.slideout {
	background-color:#8b8d09;
}

#menu li.green ul a {
	/*color:#a5a647;*/	/* OLD MENU COLORS */
	/*color:#babb5c;*/	/* OLD MENU COLORS */
	color:#dfe08e;
}

#menu li.purple {
	background-color:#b194a3;
}

#menu li.purple ul,
#menu li.purple div.slideout {
	background-color:#79496a;
}
#menu li.purple ul a {
    /*color:#936d83 ;*/	/* OLD MENU COLORS */
	/*color:#ad889d;*/	/* OLD MENU COLORS */
	color:#c0a2b3;
}

#menu li.blue {
	background-color:#d4eef4;
}
#menu li.blue ul,
#menu li.blue div.slideout {
	background-color:#ade0ed;
}

#menu li.blue ul a {
	/*color:#82b8d1; */	/* OLD MENU COLORS */
	/*color:#527D91; */	/* OLD MENU COLORS */
	color:#3f5f6e;
}
ul#menu li.blue ul li.main a {
	/*color:#005a84;*/	/* OLD MENU COLORS */
	color:#FFFFFF;
}

#menu li.orange {
	background-color:#e3bc91;
}

#menu li.orange ul,
#menu li.orange div.slideout{
	background-color:#d39d61;
}

#menu li.orange ul a {
	/*color:#A25F25;*/	/* OLD MENU COLORS */
	/*color:#b16828;*/	/* OLD MENU COLORS */
	color:#8a5222;
}

ul#menu li ul a:hover, ul#menu li ul li.active a {
	color:#FFF;
	
}

ul#menu li ul li.main a {
	color:#FFF;
	font-weight:bold;
}

ul#menu li ul li.main {
	color:#FFF;
	font-weight:bold;
	margin-bottom: 3px;
}

ul#menu {
	float:left;
	width:150px;
	list-style:none;
	font-size:10px;
	font-family:verdana;
	margin-top:90px; /* LEFT ALIGN EDIT */
}

ul#menu li {
	padding-left:12px;
	display:block;
	width: 100px;
}

ul#menu li ul {
	width:118px;
	height:100px;
	padding:10px;
}

ul#menu > ul > li {
	width:118px;
	height:100px;
	padding:10px;
}

ul#menu li ul a{
	text-decoration:none;
}

ul#menu > li > div {
	position:relative;
}

ul#menu > li div.slideout {
	position:absolute;
	left:138px;
	top:0px;
	width:0px;
	height:100%;
	background-color:#8b8d09;
}

ul#menu > li.active div.slideout {
	width:840px;
}

/* ------------------------ */
/* END OF CSS FOR LEFT MENU */
/* ------------------------ */

/* --------------------- */
/* CSS FROM CONTENT AREA */
/* --------------------- */

div#content {
	float:left;	
	width:514px;
	height:293px;
	padding:20px;
	margin-top:330px; /* LEFT ALIGN EDIT */
	/* margin-top:240px;*/ /* LEFT ALIGN EDIT */
	font-size:10px;
	line-height: 13px;
	z-index:1;
}

div#content p{
	margin-top:20px;
	word-spacing:2px;
	margin-bottom: 5px;
	}

div#content img{
	border: 0px;
	}
	
div#content a{
	font-weight: bold;
}

div#content td p{
	margin:0px;
}

div#content tr {
	width: 100%;
}

div#content td {
	vertical-align: top;
	padding: 0 8px 5px 0;
	border-bottom: 1px solid #ebebeb;
}

div#content th {
	vertical-align: top;
	padding: 0 8px 5px 0;
	border-bottom: 1px solid #ebebeb;
}

div#content h2{
	color:#005a84;
	/*font-size:30px;*/
	/*margin:5px 0; */
}

div#content h4{
	color:#8b8d09;
	font-size:12px;
	margin:0;
}

/* ---------------------------- */
/* END OF CSS FROM CONTENT AREA */
/* ---------------------------- */


/* ------------------------------ */
/* CSS FROM RIGHT PART AND BOTTOM */
/* ------------------------------ */

div#right-menu {
	float:left;
	width:256px;
}
div#bottom { 
	position:absolute;
	top:570px;
	left:0px;
	float:left;
	width:990px;	
	height:94px;
	border-bottom: 1px solid #b2b1b1;
	border-right: 1px solid #b2b1b1;
	border-left: 1px solid #b2b1b1;
	background:#FFF url(../images/bottom_background.png) repeat-x left bottom;
	margin-left:-1px;
}

div#bottom-info-block {
	position:absolute;
	left:704px;
	bottom:0;
	width:256px;
	height:454px;
	background-color:#3680a5;
	font-size:10px;
	color:#FFF;
}

div#bottom-info-block .title{
	display:block;
	width:246px;
	height:20px;
	padding:5px;
}

div#bottom-info-block .info{
	display:block;
	width:246px;
	height:140px;
	padding:5px;
	background-color:#5c99bb;
}

div#logobanner  {
	position: absolute;
	left:704px;
	width:256px;
	height:68px;
}

div#terms-privacy {
	position:absolute;
	left:405px;
	color:#3680a5;
	font-size:11px;
	margin-top:50px;
	margin-left:5px;
	}
	
div#copyright-box {
	color:#FFF;
	font-size:11px;
	position:absolute;
	left:724px;
	bottom:-5px;
	height:50px;
	}

div#rss-box {
	background-image:url(../images/rss-logo.gif);
	background-repeat:no-repeat;
	font-size:9px;
	font-family:Verdana;
	font-weight:bold;
	color:#005984;
	position:absolute;
	left:30px;
	bottom:30px;
	height:26px;
	width:100px;
	text-indent:35px;
	line-height:38px;
	}	
	
div#rss-box a {
	text-decoration:none;
	}

div#bottom-line {
	float:left;
	clear:both;
	width:100%;
	height:26px;
	margin-top:68px;
	background-color:#ade0ed;
}

/* ------------------ */
/* CSS TEXT VARIABLES */
/* ------------------ */

		/* ------------------------------------------------------------ */
		/* TEXT VARIABLES FROM CONTENT PAGES ARE SET IN SECOND CSS FILE */
		/* ------------------------------------------------------------ */
		
a {
	text-decoration:underline;
	color:#005984;
}

a:hover {
	text-decoration:none;
	color:#005984;
}
/* ------------------------- */
/* END OF CSS TEXT VARIABLES */
/* ------------------------- */

/* ------------------ */
/* CSS FOR NEWS ITEMS */
/* ------------------ */

div.news-latest-container {
	padding-left:22px;
	padding-right:22px;
	position:absolute;
	bottom:98px;
}

div.news-latest-container2 {
	position:absolute;
	bottom:277px;
	padding-left:22px;
	padding-right:22px;
}

div.news-latest-item {
	padding-top:8px;
	}

div.news-latest-date a{
	font-size:9px;
	color:#94b9d2;
	}
	
div.news-latest-title H3 {
	/*color: #005984;*/
	font-size:10px;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	}

div.news-latest-title A:hover {
	color:#FFF;
	text-decoration:none;
	}

div.news-latest-title A{
	text-decoration:none;
	}


div.news-latest-subheader p {
	font-size:9px;
	color:#cddcea;
	margin-top:0px;
	margin-bottom:0px;
	}

div.news-latest-gotoarchive a {
	color:#fff;
	margin: 0px;
	float: right;
	text-decoration:none;
	}
	
/* ------------------------- */
/* END OF CSS FOR NEWS ITEMS */
/* ------------------------- */

/* n */


/* ------------------------- */	
/* CSS FOR REGISTRATION FORM */
/* ------------------------- */

.tx_powermail_pi1_form {
	border:0 none;
}

.tx_powermail_pi1_form form {
	border:0 none;
}

.tx-powermail-pi1_fieldset {
	border:0 none;
	width: 500px;
	padding: 0;
	margin: 0;
}

.powermail_civolutionregistrationform powermail_text powermail_uid5 {
}

.powermail_civolutionregistrationform {
}

label {
	display:block;
}