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

/* Achtergrondkleur (=PageHolder) met website (=ContentHolder) er over heen */
body
{
	background-color:#949294;
}

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

A{
	font-size:12px;
	color:#333399;
	text-decoration:none;
}
A:hover{
	color:#000;
	background-color:#D8CEE9;
	text-decoration:none;
}

/* De achtergrond van de header bepalen */
#Header {
	background:url('/Layout/images/co-reach/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 {
	color:#000;
	text-decoration:none;
	border-right:1px solid #000;
	padding-right:6px;
}
#TopNav A:Hover {
	color:#000;
}
/*Image voor de knop van het zoekveld*/
#TopNav .button {
	background:url('/Layout/images/co-reach/SearchButton.gif') no-repeat;
	width:17px;
	height:17px;
}
/*Zoekveld*/
#TopNav input{
	border:1px solid #837663;
	vertical-align: top;
	font-size:10px;
	color:#000;
}

/*Hier kan de achtergrond van het Hoofmenu veranderd worden*/
#MainMenuHolder {
	background:url('/Layout/images/co-reach/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:#000;
	text-decoration:none;
	font-weight:bold;
	border-right:1px solid #FFFFFF;
	padding-right:15px;
	padding-left:15px;
}
#MainNav A:hover{
	color:#FFFFFF;
	text-decoration:none;
	background:url('/Layout/images/co-reach/BackgroundMainMenuHover.gif') repeat-x left top;
}
#MainNav A.selected {
	background:url('/Layout/images/co-reach/BackgroundMainMenuSelected.gif') repeat-x left top;
	color:#000;
}

/*De stylen van de middelstekolom */
#content{
	border-right: solid 2px #a854d0;
}

/*De stylen van de linker en de middelste kolom */
/*Extra toevoeging voor de tabellen */
td {
	font-size:12px;
}
th {
	font-size:12px;
}
p { 
	line-height:140%;
}
#ColLeft {
	background:url('/Layout/images/co-reach/BackGround_ColLeft.gif') right top;	
}
#ColCenter {
	background:url('/Layout/images/co-reach/BackGround_ColCenter.gif') right top no-repeat;	
}
/* De stylen van de print button */
#PrintButton {
	background:url('/Layout/images/co-reach/PrintButton.gif') right top no-repeat;	
}
#PrintButton A{
	font-size:11px;
	color:#a854d0;
	text-decoration:none;
}
#PrintButton A:hover{
	color:#000;
	background-color:#D8CEE9;
	text-decoration:none;
}

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

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



/*De styl van de terugbutton op de News*/
#ButtonReturn {
	background:url('/Layout/images/co-reach/ButtonReturn.gif') no-repeat left top;
}
#ButtonReturn A{
	font-size:11px;
	color:#333399;
	text-decoration:none;
}
#ButtonReturn A:hover{
	color:#000;
	background-color:#D8CEE9;
}
/*De style voor de content*/
#ContentHolder {
	font-size:12px;
	color:#000;
}
/*Kleur van de Title op de home  pagina */
h1 {
	color:#333399;
}

h2 {
	color:#333399;
}
/*De kleur van de Title van het hoofdnews op de homepage */
h3 {
	color:#666666;
}
/*De kleur van de Titles van het news overzicht*/
h4 A {
	color:#333399;
	text-decoration:none;
}
h4 A:hover {
	color:#000;
	background-color:#D8CEE9;
	text-decoration:none;
}
/*De kleur van het email adres van het contact blok */
h5 {
	color:#663399;
}
/* De stylen van alle blokken aan de linker kant */
#BlockLeft {
	background:url('/Layout/images/co-reach/BackGround_LefttBlock.gif') left ;
}
#BlockLeft ul li {
	background:url('/Layout/images/co-reach/ButtonForward_LeftBlock.gif') no-repeat 0px 5px;
}


#BlockLeft  A {
	font-size:12px;
	color:#333399;
	text-decoration:none;
}
#BlockLeft A:hover {
	color:#000;
	background-color:#D8CEE9;
}
/* De stylen van alle blokken aan de rechter kant*/
/*#Rechterkolom {
	background-color:#d8cee9;
}*/
#BlockRight {
	background-color:#dee5f7;
	font-size:12px;
}
#BlockRight #Title {
	font-size:14px;
	font-weight:bold;
	color:#a854d0;
}
#BlockRight ul li {
	background:url('/Layout/images/co-reach/ButtonForward_RightBlock.gif') no-repeat 0px 1px;
	/background:url('/Layout/images/co-reach/ButtonForward_RightBlock.gif') no-repeat left 3px 7px;
}
#BlockRight A {
	font-size:12px;
	color:#333399;
	text-decoration:none;
}
#BlockRight A:hover {
	color:#000;
	text-decoration:underline;
}
/*De kleur van het email adres van het contact blok aan de rechter kant */
#Contact .email {
	color:#0950A2;
}
#Contact .email a{
	color:#0950A2;
}
/*De style van de vergrootglas van de img */
#VergrootImgRight{
	xbackground:url('/Layout/images/co-reach/VergrootButton.gif') no-repeat right top;
}
#VergrootImgLeft {
	xbackground:url('/Layout/images/co-reach/VergrootButton.gif') no-repeat right top;
}

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

#Sitemap a{
	color:#000;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
#Sitemap a:hover{
	color:#000;
	font-size:12px;
	background-color:#D8CEE9;
	text-decoration:none;
	font-weight:bold;
}
#Sitemap ul a{
	color:#333399;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	margin-top:5px;
	list-style-type:none;
}
#Sitemap ul a:hover{
	color:#000;
	font-size:12px;
	background-color:#D8CEE9;
	text-decoration:none;
	font-weight:normal;
}
#Sitemap ul li a{
	color:#333399;
	font-size:12px;
	text-decoration:none;
	list-style-type:none;
	margin-left:20px;
	font-weight:normal;
}
#Sitemap ul li a:hover{
	color:#000;
	font-size:12px;
	background-color:#D8CEE9;
	text-decoration:none;
	font-weight:normal;
}


.nieuw{
	font-size:11px;
	color:#666666;
	font-style:italic;
}

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