/*
################
# Hier worden alle basis kleuren bepaald van de website. 1
# Kopieer dit css file en verander alle kleuren en achtergronden voor een ander subweb
################
*/

/* Achtergrond grijs (=PageHolder) met witte laag (=ContentHolder) er over heen */
body
{
	background-color:949294;
}

#pageholder{
	background-color:949294;
}
#ContentHolder{
	background-color:#FFFFFF;
}

A{
	font-size:14px;
	color:#336699;
	text-decoration:none;
}
A:hover{
	color:#336699;
	background-color:#E2EFFB;
	text-decoration:none;
}
A:active {
	color:#009999;
	background-color:#FFFFFF;
	text-decoration:none;
}

/* De achtergrond van de header bepalen */
#Header {
	background:url('/Layout/images/Allea/BackgroundHeader.gif') top left repeat;
}

/*Positionering van de banner */
#Banner {
	text-align:left;
}

/*Kleur istellingen van het topmenu*/
#TopNav {
	font-size:12px;
	color:#000;
}
#TopNav A {
	font-size:12px;
	color:#336699;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
	padding-right:6px;
}
#TopNav A:Hover {
	color:#000;
}

/*Image voor de knop van het zoekveld*/
#TopNav .button {
	background:url('/Layout/images/Allea/SearchButton.gif') no-repeat;
	width:17px;
	height:17px;
}

/*Zoekveld*/
#TopNav input{
	border:1px solid #949294;
	vertical-align: top;
	font-size:12px;
	color:#000;
}

/*Hier kan de achtergrond van het Hoofmenu veranderd worden*/
#MainMenuHolder {
	background:url('/Layout/images/Allea/BackgroundMainMenu.gif') repeat-x left top;	
}

/*De style van het Hoofdmenu*/
#MainNav {  
	border-left:1px solid #FFFFFF;
}
/*#MainNav ul {
	border-right:1px solid #FFFFFF;
}*/
#MainNav A {
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	padding-right:12px;
	padding-left:12px;
}
#MainNav A:hover{
	color:#000;
	text-decoration:none;
	background:url('/Layout/images/Allea/BackgroundMainMenuHover.gif') repeat-x left top;
}
#MainNav A.selected {
	background:url('/Layout/images/Allea/BackgroundMainMenuSelected.gif') repeat-x left top;
	color:#FFF;
	font-weight:bold;
}

/*De style van button vooruit/leesverder*/
#ButtonForward {
	float:right;
	padding-right:15px;
	margin-top:20px;
}
#ButtonForward A {
	font-size:12px;
	color:#336699;
	text-decoration:none;
}
#ButtonForward A:hover {
	color:#000;
	background-color:#E2EFFB;
}

#ButtonForward {
	background:url('/Layout/images/Allea/ButtonForward.gif') no-repeat right top;
}

hr {
    background: none repeat scroll 0 0 #CCC;
    border: 0 none;
    color: #CCC;
    height: 1px;
}

/*De stylen van de linker en de middelste kolom */
/*Extra toevoeging voor de tabellen */
td {
	font-size:14px;
}
th {
	font-size:14px;
}

/*#ColLeft {
	background:url('/Layout/images/Allea/BackGround_ColLeft.gif') right top no-repeat;
}*/
#ColCenter {
	background:url('/Layout/images/Allea/BackGround_ColCenter.gif') right top no-repeat;	
}
#Rechterkolom {
	background-color:#E1EEF5;
}

/* De stylen van de print button */
#PrintButton {
	background:url('/Layout/images/Allea/PrintButton.gif') right top no-repeat;	
}
#PrintButton A{
	font-size:12px;
	color:#336699;
	text-decoration:none;
}
#PrintButton A:hover{
	color:#000000;
	background-color:#E2EFFB;
	text-decoration:none;
}

/*De style van de terugbutton op de News*/
#ButtonReturn {
	background:url('/Layout/images/Allea/ButtonReturn.gif') no-repeat left top;
}
#ButtonReturn A{
	font-size:12px;
	color:#336699;
	text-decoration:none;
}
#ButtonReturn A:hover{
	color:#000;
	background-color:#E2EFFB;
}
/*De style voor de content*/
#ContentHolder {
	font-size:14px;
	line-height:18px;
	color:#000;
}
/*Kleur van de Title op de home  pagina */
h1 {
	color:#df8a0a;
}
/*De kleur van de Title van het hoofdnews op de homepage */
h3 {
	color:#336699;
}
/*De kleur van de Titles van het news overzicht*/
h4 A {
	color:#336699;
	text-decoration:none;
}
h4 A:hover {
	color:#000;
	background-color:#E2EFFB;
	text-decoration:none;
}
/*De kleur van het email adres van het contact blok */
h5 {
	color:#336699;
}
/* De stylen van alle blokken aan de linker kant */
#BlockLeft {
	/*background:#B3E1E1;*/
}
#BlockLeft ul li {
	/* list-style-image: url('/Layout/images/Allea/ButtonForward_LeftBlock.gif') no-repeat left 0px 4px;*/
	/* /list-style-image: url('/Layout/images/Allea/ButtonForward_LeftBlock.gif') no-repeat left 3px 7px;*/
	/* list-style-position: outside;*/
	/* background:url('/Layout/images/Allea/ButtonForward_LeftBlock.gif') no-repeat;*/
	/* background:url(/Layout/images/Allea/ButtonForward_LeftBlock.gif) no-repeat left 3px 7px;*/
}
#BlockLeft  A {
	font-size:14px;
	color:#336699;
	text-decoration:none;
}
#BlockLeft A:hover {
	color:#000;
}
/* De stylen van alle blokken aan de rechter kant*/
#BlockRight {
	font-size:14px;
	color:#336699;
}
#BlockRight .Header {
	font-size:14px;
	font-weight:bold;
	color:#000;
}
#BlockRight ul li {
	background:url('/Layout/images/Allea/ButtonForward_RightBlock.gif') no-repeat 0px 2px;
	/background:url('/Layout/images/Allea/ButtonForward_RightBlock.gif') no-repeat left 1px 7px;
}
#BlockRight A {
	font-size:14px;
	color:#336699;
	text-decoration:none;
}
#BlockRight A:hover {
	color:#000;
}
/*De kleur van het email adres van het contact blok aan de rechter kant */
#Contact .email {
	color:#336699;
	text-decoration:none;
}
#Contact .email a{
	color:#000000;
	background-color:#99CCFF;
	text-decoration:none;
}
/*De style van de vergrootglas van de img */
#VergrootImgRight{
	xbackground:url('/Layout/images/Allea/VergrootButton.gif') no-repeat right top;
}
#VergrootImgLeft {
	xbackground:url('/Layout/images/Allea/VergrootButton.gif') no-repeat right top;
}

#Sitemap ul{
	list-style-type:none;
	margin-left:10px;
	margin-top:-10px;
}

#Sitemap a{
	color:#336699;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
}
#Sitemap ul a{
	color:#336699;
	font-size:14px;
	text-decoration:none;
	font-weight:normal;
	margin-top:5px;
	list-style-type:none;
}
#Sitemap ul li a{
	color:#336699;
	font-size:14px;
	text-decoration:none;
	list-style-type:none;
	margin-left:20px;
	font-weight:normal;
}

.nieuw{
	font-size:12px;
}

/*--(( paginering ))--*/
	.paginering .paginas li a.actief,
	#broodtekst .paginering .paginas li a.actief{
		font-size        : 1.4em;
		font-weight      : bold;
		color            : #A3925C;
	}
/*--(( /paginering ))--*/

/* --(( uitklapmenu )) */
#nav ul li a:hover{
background-image:none;
background-color: #E6DED3;
}

#nav ul li {
border-left: 1px solid #837562;
border-bottom: 1px solid #837562;
}

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

#nav li {
float: left;
xwidth: 120px;
}

#nav ul {
position: absolute;
width: 120px;
left: -1000px;
}

#nav ul li {
float: left;
width: 120px;
}

#nav ul li a{
text-align:left;
}

#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
background-position: 0 0;
background-color:white;
}

#nav a {
display: block;
} 

#MainNav a {
line-height:14px;
padding:4px 4px 4px 6px;
}
/* --(( /uitklapmenu )) */

/* --(( uitklapmenu )) */
#nav ul li a:hover{
background-image:none;
background-color: #E1EEF5;
}

#nav ul li {
border-left: 1px solid #FFF;
border-bottom: 1px solid #FFF;
border-right: 1px solid #FFF;
background-color:#006699;
}

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

#nav li {
float: left;
xwidth: 150px;
}

#nav ul {
position: absolute;
width: 150px;
left: -1000px;
}

#nav ul li {
float: left;
width: 150px;
}

#nav ul li a{
text-align:left;
}

#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
background-position: 0 0;
background-color:white;
}

#nav a {
display: block;
} 

#MainNav a {
line-height:14px;
padding:4px 4px 4px 6px;
}
/* --(( /uitklapmenu )) */