/***********************
	Algemene styles 
	***********************/
html, body
{
	behavior: url( 'IEFixes.htc' ); /* Rollovers voor Internet Explorer only */
}

body
{
	margin: 0;
	padding: 0;
	background: url(resources/lines.jpg); /* De twee verticale lijnen in de achtergrond */
	background-repeat: repeat-y;
}
/* De twee volgende divs maskeren een stuk van de verticale lijnen:
	in het ontwerp lopen deze namelijk niet over de volledige schermhoogte
	*/
#lijnMaskerLinks
{
	height: 15px;
	width: 15px;
	left: 165px;
	top: 0px;
	position: absolute;
	z-index: 150;
	background-color: #ffffff;
}

#lijnMaskerRechts
{
	position: absolute;
	height: 55px;
	width: 10px;
	left: 810px;
	top: 0px;
	z-index: 150;
	background-color: #ffffff;
}
/* -------------------- */

#banner /* de grote banner */
{
	position: absolute;
	left: 173px;
	top: 76px;
	width: 771px;
	height: 170px;
	padding: 0;
	margin: 0;
	z-index: 1;
}
#topBanner
{
	position: absolute;
	left: 174px;
	top: 12px;
	padding: 0;
	margin: 0;
	z-index: 1;
}

#logo
{
	/*efca logo*/
	position: absolute;
	left: 45px;
	top: 20px;
	z-index: 3;
}


#searchBox /* zoekveld & zoeklink rechts bovenaan */
{
	width: 191px;
	height: 25px;
	left: 820px;
	top: 245px;
	position: absolute;
	background: #E6F2F5 url( "resources/search_background.jpg" ) repeat-x;
	color: #006583;
	font-family: Verdana;
	font: 11px/25px Verdana;
}

#searchBox a, a:link, a:visited, a:active
{
	color: #006583;
	text-decoration: underline;
}

#searchBox a:hover
{
	text-decoration: none;
}

.zoekveld
{
	margin-top: 2px;
}

.tableNoStyle
{
	border: solid 0 #FFF;
}



/****************************************
	LINKERMENU
***************************************
.MenuLinks
{
	margin: 0;
	position: absolute;
	width: 155px;
	top: 290px;
	left: 0px;
	text-align: right;
	z-index: 4;
	font-size: 11px;
	color: #006583;
	font-family: Verdana;
	line-height: 22px;
	float: left;
	height: 100%;
}

.MenuLinks .niveau_1 .niveau_2
{
	display: none;
}

.MenuLinks .niveau_1 .active .niveau_2
{
	display: block;
	line-height: 16px;
	margin-bottom:10px;
	margin-top:4px;
}

.MenuLinks .niveau_1 li
{
	list-style: none;
	margin: 0;
}

.MenuLinks .niveau_1 li a
{
	text-decoration: none;
	font-weight: bold;
}
.MenuLinks .niveau_1 li a:hover
{
	text-decoration: underline;
}

.MenuLinks .niveau_1 .active a
{
	color: #006583;
	text-decoration: none;
}

.MenuLinks .niveau_2
{
	margin: -5px 0 -5px -5px;
}

.MenuLinks .niveau_2 li
{
	list-style: none;
	margin: 0;
	border-top: none;
}

.MenuLinks .niveau_2 li a
{
	color: #006583;
	text-decoration: none;
	font-weight: normal;

}

.MenuLinks .niveau_2 li a:hover
{
	text-decoration: underline;
}
*/
	
/****************************************
	CONTENT
****************************************/

#mainContent
{
	width: 618px;
	position: absolute;
	left: 182px;
	top: 292px;
}

#mainContent table 
{
	/*height: 100%;
	padding:4px;
	border-style:solid;
	border-width:1px;*/
}

#mainContent table td, #mainContent
{
	color: #006583;
	font-size: 11px;
	font-family: Verdana;
	padding: 2px;

}

#mainContent .titel, #mainContent td .titel
{
	color: #c78d01;
	font-size: 19px;
	font-family: Verdana;
	border-bottom: #c78d01 1px solid;
	line-height: 15px;
	margin-bottom:10px;
	
}

h2
{
	font-size:18px;	
	font-weight:bold;
}

h3
{
	font-size:14px;	
}

#mainContent .subtitel, #mainContent td .subtitel
{
	font-weight: bold;
	color: #006583;
	font-size: 11px;
	font-family: Verdana;
	margin-bottom: 20px;
	margin-top: 14px;
}


#mainContent a, #mainContent a:link, #mainContent a:visited, #mainContent a:active, #mainContent td a, #mainContent td a:link, #mainContent td a:visited, #mainContent td a:active
{
	color: #CB9512;
	text-decoration: underline;
}

#mainContent a:hover, #mainContent td a:hover
{
	color: #CB9512;
	text-decoration: none;
}

#mainContent img
{
	border:0px;	
}


/****************************************
	FOOTER
	****************************************/
.footer
{
    clear: both;
	text-align: left;
	font-size: 9px;
	margin-top:20px;
	color:#ccc;
}

/*******************************************
	KOLOM RECHTS (plaats voor nieuwsmodule e.a.
	*******************************************/
#kolomRechts
{
	width: 182px;
	position: absolute;
	left: 830px;
	top: 295px;
	color: #006583;
	font-size: 11px;
	font-family: Verdana;
}


#kolomRechts .titel
{
	color: #c78d01;
	font-size: 14px;
	font-family: Verdana;
	border-bottom: #c78d01 1px solid;
	line-height: 11px;
}

#kolomRechts .subtitel
{
	font-weight: bold;
	color: #006583;
	font-size: 11px;
	font-family: Verdana;
	margin-top: 17px;
}

#kolomRechts .itemRechts /*Onder elk nieuwsitem ea moet 25px margin komen*/
{
	margin:0px;
	padding:0px;
}

#kolomRechts .itemRechts ul
{
	list-style:none;
	margin:0px;
	padding:0px;
}

#kolomRechts .itemRechts ul li
{
	margin-bottom:14px;	
}

#kolomRechts a, #kolomRechts a:link, #kolomRechts a:visited, #kolomRechts a:active
{
	color: #CB9512;
	text-decoration: none;
}

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






/****************************************
	TOPMENU
	****************************************/

#nav
{
	position: absolute;
	left: 174px;
	top: 246px;
	z-index: 1000;
}


#nav, #nav ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav li
{
	float: left;
	position: relative;
	width: 128px;
	text-align: center;
	cursor: default;
	border-right: solid 1px white;
	line-height:normal;
}

#nav li ul
{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	padding: 0px;
}
#nav li:hover ul, #nav li.menuHover ul
{
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	padding: 0px;
}

#nav li > ul
{
	top: auto;
	left: auto;
}


#nav a
{
	color: #000;
	text-decoration: none;
	display: block;
	width: 128px;
	color: #176E88;
	font-weight: bold;
	font: 11px/24px Verdana;
	
}

#nav li div a
{
	font-weight: bold;
	text-decoration: none;
}


#nav li li li a, #nav li li a, #nav li a
{
	display: block;
	font-weight: bold;
	width: 128px;
	color: #176E88;
	padding: 0px;
	background: #BED4DF url( "resources/button_background.gif" ) repeat-x;
	background-position: bottom;
	font: 11px/24px Verdana;
	
}

#nav li li a:hover, #nav li li a.menuHover
{
	width: 128px;
	color: #fff;
	padding: 0px;
	background: #e2c47b url( "resources/button_backgroundA.gif" ) repeat-x;
	background-position: top;
	font: 11px/24px Verdana;	
}

#nav li li li a:hover, #nav li li li a.menuSubHover
{
	position:absolute;
	left:127px;
	width: 128px;
	color: #fff;
	padding: 0px;
	background: #e2c47b url( "resources/button_backgroundA.gif" ) repeat-x;
	background-position: top;
	font: 11px/24px Verdana;	
}

#nav li .active a
{
	color:White;
}



/*********
LINKS
*********/

#links 
{
	line-height:16px;	
}



/*********
serachResults
*********/

#searchResults ul li
{
	margin-bottom:14px;
}

.menuSubHover
{
	font-size:100px;
	display:block;
	}