﻿
* {margin:0;padding:0;} 


html, body, #wrap 
	{
	height: 100%;
	text-align: center; 
	font-family: arial; 
	background-image: url(imgs/background-site.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	/*overflow-x: hidden;
	overflow-y: auto;*/
	font-size: 12px;
	}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 50px; width: 980px; margin-left: auto; margin-right: auto; clear:both;}

/*HEADER*/
#cpf-header
	{
	width: 980px;
	margin-left: auto; 
	margin-right: auto;
	padding: 0px;
	height: 150px;
	background-image: url(imgs/background-header.jpg);
	text-align: left;
	}
	
#cpf-headerlinks
	{
	position: relative;
	left: 565px;
	top: 128px;
	text-transform: uppercase;
	color: white;
	font-size: 9;
	}
	
#cpf-headerlinks a {color: white; text-decoration: none;}
#cpf-headerlinks a:hover {color: white; text-decoration: underline;}


/*SEARCH*/
/*#cpf-form
	{
	position: relative;
	left: 695px;
	top: 95px;
	width: 277px;
	height: 20px;
	vertical-align:top;
	background: #9c2100;
	}*/
	
#ctl00_PlaceHolderSearchArea_ctl00_pnlDefineDefButton1
{
	position: relative;
	left: 695px;
	top: 88px;
	width: 277px;
	height: 18px;
	vertical-align:top;
	background: #9c2100;
	}
	
#ctl00_PlaceHolderSearchArea_ctl00_txtSearch
{
	border-left: none white; 
	border-right:1 solid white; 
	border-top: none white; 
	border-bottom: none white; 
	font-size: 14px;
	background: #ba97d7;
	font-family: arial;
	width: 200px;
	height: 18px;
	color: white;
}
#ctl00_PlaceHolderSearchArea_ctl00_txtSearch:focus
	{
	border-left: none white; 
	border-right:1 solid white; 
	border-top: none white; 
	border-bottom: none white; 
	font-size: 14px;
	background: #ba97d7;
	font-family: arial;
	width: 200px;	
	color: white
	}

#ctl00_PlaceHolderSearchArea_ctl00_lnkSearch
{
	border: 1px;
	width: 77px;
	height: 18px;
	vertical-align: middle;
	cursor: pointer; /* cursor: hand; for IE5 */
}

	

.rechercher-input 
	{
	border-left: none white; 
	border-right:1 solid white; 
	border-top: none white; 
	border-bottom: none white; 
	font-size: 14px;
	background: #87b04a;
	font-family: arial;
	width: 200px;
	height: 20px;
	color: white
	}
	
	

.rechercher-input:focus
	{
	border-left: none white; 
	border-right:1 solid white; 
	border-top: none white; 
	border-bottom: none white; 
	font-size: 14px;
	background: #6e923a;
	font-family: arial;
	width: 200px;
	height: 20px;
	color: white
	}

.rechercher-button
	{
	border: 1px;
	width: 77px;
	height: 20px;
	background:  url(imgs/rechercher-button.jpg) no-repeat;
	background-position: center;
	cursor: pointer; /* cursor: hand; for IE5 */
	}


/*BREADCRUMBS*/
.crumbs
 {
 width: 980px;
 padding-top: 0px;
 padding-left: 5px;
 margin-left: auto; 
 margin-right: auto;
 }
 
.links-crumbs
 {
 float: left;
 position: relative;
 width: 770px;
 text-transform: uppercase;
 font-size: 10px;
 text-align: left;
 padding-top: 5px;
 padding-bottom: 5px;
 }
 
.facebook
 {
 float: right;
 position: relative;
 width: 199px;
 height: 22px;
 border-width: 0px;
 }


.crumbs a {color: #7b43aa; text-decoration: none; font-weight: bold;}
.crumbs a:visited {color: #7b43aa; text-decoration: none; font-weight: bold;}
.crumbs a:hover {color: #7b43aa; text-decoration: underline; font-weight: bold;}


/*INHOUD*/

#rechterbalk {text-align: left;}

#center {
	float:left;
	height: 625px;
	width: 590px;
	filter:alpha(opacity=90); 
	background: url(imgs/background-center.jpg) repeat-y;
	background-position: right;
 	}

#center #top{
	background: url(imgs/background-center-top.jpg) no-repeat;
	height: 0px;
	}

#center #content{
	margin: 0px 10px 0px 10px;
	height: 100%;
	text-align: left;
	font-size: 12px;
	}

#center #bottom{
	background: url(imgs/background-center-bottom.jpg) bottom no-repeat;
	background-position: right;
	height: 10px;
	}

a.content {color: #8754b2; text-decoration: none;}
a:visited.content {color: #8754b2; text-decoration: none;}
a:hover.content {color: #e53100; text-decoration: underline;}

a {color: #e53100; text-decoration: underline;}
a:visited {color: #e53100; text-decoration: none; }
a:hover {color: #8754b2; text-decoration: underline; }

.pagetitle
	{
	color: #8754b2;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
	margin-top: 10px;
	}
	
.cpfstyleCustom-sous-titre
	{
	color: #e53100;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 2px;
	margin-top: 10px;
	}
	
.cpfstyleCustom-intro
	{
	font-weight: bold;
	margin-bottom: 8px;
	}
	
.cpfstyleCustom-titre-de-paragraphe
	{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: -10;
	}
.cpfstyleCustom-cadre
	{
	padding: 5px;
	background: #eeeeec;
	}
	
Ul {
	list-style-image: url(imgs/arrow-list-nav.gif);
	margin-top: 5px;
	margin-bottom: 8px;
 	padding-left: 15px;
	width: 90%;
	}

Ul#navigation-page {
	list-style-image: url(imgs/cross-list-nav.gif);
	margin-top: 2px;
	margin-bottom:8px;
 	padding-left: 30px;
	width: 90%;
	}	

.img-left
	{
	float: left;
	margin-right: 10px;
	}
	
.img-right
	{
	float: right;
	margin-right: 10px;
	}
	
/*ACTUEEL*/
#container-actueel {height:105;}
#actulinks {float: left;
            width:285px;}
            
#acturechts {float: right;
             width:285px;}

.actu-img
	{
	float: left;
	margin-right: 6px;
	}

#actueel {
	width: 285px;
	/*margin-bottom: 10px;*/
	padding-bottom: 10px;
	min-height: 95px;
	}
	
#actueel h1
	{
	color: #87b04b;
	font-size: 12px;
	font-family: verdana;
	margin-bottom:-10px;
	}

#actu-txt {
	color: black;
	font-size: 11px;
	}

#home-poll
	{
	position: relative;
	margin-bottom: 15px;
	height: 150px;
	float: right;
	}

#poll-rechts
	{
	background: #ececec;
	padding: 5px;
	width: 285px;
	font-size: 11px;
	color: black;
	}

#alire
	{
	position: relative;
	margin-bottom: 15px;
	height: 150px;
	width: 285px;
	float: left;
	}

Ul#lire {
	list-style-image: url(imgs/cross-list-nav.gif);
	FONT-SIZE: 11px;
	FONT-WEIGHT: normal;
	margin-left: 0px;
 	width: 280px;	
	}

a#lire        
	{
	color: #5a7433;
	TEXT-DECORATION: none;
	}
	
A#lire:hover {
	color: #82a64c;
	text-decoration: underline;
	}

#onder-actueel
	{
	margin-top: 10px;
	height: 150px;
	}

.content-titel
	{
	color: #8754b2;
	font-weight: bold;
	font-size: 14px;
	}

.home-line
	{
	margin-bottom: 5px;
	margin-top: 0px;
	width:100%;
	border-style:solid none none none;
	border-width:1px;
	border-color:#8754b2;
	}
	
.home-line-helft
	{
	margin-bottom: 5px;
	margin-top: 0px;
	width:285px;
	border-style:solid none none none;
	border-width:1px;
	border-color:#87af4c;
	}



#cpf-left{
	top: 0px;
	width: 170px;
	padding: 5px;
	height: 640px;
	background: url(imgs/background-navigatie.jpg) no-repeat;
	text-align: left;
	}

#cpf-left {	float:left;
	left:0px; }
	
#cpf-right
	{
	float: right;
	width: 199px;
	background: url(imgs/background-rechts.jpg) no-repeat;
	height:795px;
	/*opacity:0.1;*/
	filter:alpha(opacity=90);
	text-align: left;
	}

.cpf-right-titel-background
	{
	position: relative;
	width: 194px;
	/*background: #9b2201;*/
	top: 10px;
	margin-bottom: 15px;
	}

.cpf-right-titel
	{
	color: white;
	font-family: century gothic;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	padding: 0 0 2 3;
	}

.cpf-right-inhoud
	{
	position: relative;
	width: 185px;
	margin-bottom: 10px;
	color: white;
	font-family: century gothic;	
	font-size: 12px;
	left: 5px;
	
	}


a.cpf-right {color: #4c2c68; font-family: century gothic; font-size: 12px; text-decoration: none;}
a:visited.cpf-right {color: black; font-family: century gothic; font-size: 12px; text-decoration: none;}
a:hover.cpf-right {color: black; font-family: century gothic; font-size: 12px; text-decoration: underline;}

/*Journal du web*/
#cpf-JournalDuWeb
	{
	position: relative;
	width: 185px;
	margin-bottom: 10px;	
	font-family: century gothic;	
	font-size: 12px;
	left: 5px;
	
	}
	
#cpf-JournalDuWeb a	{color: #4c2c68;font-family: century gothic; font-size: 12px; text-decoration: none;	}
#cpf-JournalDuWeb a:visited	{color: black; font-family: century gothic; font-size: 12px; text-decoration: none;	}
#cpf-JournalDuWeb a:hover {color: black;font-family: century gothic; font-size: 12px; text-decoration: underline;}
	
/*NAVIGATIE*/
.navigatie-title {
	font-family: century gothic;
	font-weight: bold;
	color: black;
	font-size: 13px;
	}
	
Ul#menu {
	list-style-image: url(imgs/cross-list-nav.gif);
	postion: relative;
	FONT-SIZE: 11px;
	FONT-WEIGHT: normal;
	margin-top: 0px;
	margin-bottom: 8px;
	margin-left: -5px; 
	font-family: century gothic;
	line-height: 170%;	
	width: 150px;	 
	}

a.menu        {
	COLOR: black;
	TEXT-DECORATION: none;
	}
	
a.menu:visited {
	COLOR: black;
	TEXT-DECORATION: none;
	}
	
A.menu:hover {
	COLOR: black;
	text-decoration: underline;
	}
	
a#menu        {
	COLOR: black;
	TEXT-DECORATION: none;
	}
	
A#menu:hover {
	COLOR: black;
	text-decoration: underline;
	}

.navigatie-stippellijn
	{
	margin-bottom: 0px;
	width:90%;
	border-style:dashed none none none;
	border-width:1px;
	border-color:#87af4c;
	}


/*FOOTER*/
#cpf-footer {position: relative;
	width: 980px;
	margin-left: auto; 
	margin-right: auto;
	margin-top: -50px; 
	height: 50px;
	clear:both;
	background: url(imgs/background-footer.jpg) no-repeat;
	text-align: left;
	} 
	
.cpf-footerlinks
	{
	position: relative;
	left: 178px;
	top: 20px;
	text-transform: uppercase;
	color: black;
	font-size: 9px;
	font-weight: bold;
	}

.cpf-footerlinks a {color: black; text-decoration: none;}
.cpf-footerlinks a:visited {color: black; text-decoration: none;}
.cpf-footerlinks a:hover {color: black; text-decoration: underline;}


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
