﻿body, table, th, td, p, input, textarea, select, a  {
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:13px;
	text-align:left;
}

a.active
{
	text-decoration:underline;
}



/* BODY */
body.ccf
{
	background-color:#a90f1a; /* rood */
	background-image:url(../img/background_ccf.gif);
	background-position:left top;
	background-repeat:repeat-x;
	color:#FFF;
}
body.pf
{
	background-color:#336633; /* groen */
	background-image:url(../img/background_pf.gif);
	background-position:left top;
	background-repeat:repeat-x; 
}
body.adf
{
	background-color:#3e86c6; /* blauw */
	background-image:url(../img/background_adf.gif);
	background-position:left top;
	background-repeat:repeat-x; 
}
body.inv
{
	background-color:#FFF; /* wit*/
	background-image:url(../img/background_inv.gif);
	background-position:left top;
	background-repeat:repeat-x; 
}



/* CONTAINER */
body.ccf div.container
{
	background-color: #FFF; /* wit */
}
body.pf div.container
{
	background-color: #FFFFCC; /* beige */
}
body.adf div.container
{
	background-color: #3e86c6; /* blauw */
}
body.inv div.container
{
	background-color: #29733b; /* donkergroen */
}



/* TOP */
body.ccf .top
{
	background-color: #a90f1a; /* rood */
	border: 1px solid #FFF; /* wit */
}
body.pf .top
{
	background-color: #336633; /* groen */
	border: 1px solid #FFFFCC; /* beige */
}
body.adf .top
{
	background-color: #3e86c6; /* blauw */
	border: 1px solid #FFF; /* wit */
}
body.inv .top
{
	background-color:  #29733b; /* donkergroen */
	border: 1px solid #FFF; /* wit */
}

.top p
{
	text-align: center;
}
body.ccf .top p, body.ccf .top li, body.ccf .top a
{
	color: #FFF; /* wit */
}
body.pf .top p, body.pf .top li, body.pf .top a
{
	color: #FFF; /* wit */
}
body.adf .top p, body.adf .top li, body.adf .top a
{
	color: #FFF; /* wit */
}
body.inv .top p, body.inv .top li, body.inv .top a
{
	color: #FFF; /* wit */
}



/* HEADER */
body.ccf .header
{
	background-color: #a90f1a; /* rood */
	border-left: 1px solid #fff; /* wit */
	border-right: 1px solid #fff; /* wit */
	border-bottom: 1px solid #fff; /* wit */
}
body.pf .header
{
	background-color: #336633; /* groen */
	border-left: 1px solid #FFFFCC; /* beige */
	border-right: 1px solid #FFFFCC; /* beige */
	border-bottom: 1px solid #FFFFCC; /* beige */
}
body.adf .header
{
	background-color: #3e86c6; /* blauw */
	border-left: 1px solid #FFF; /* wit */
	border-right: 1px solid #FFF; /* wit */
	border-bottom: 1px solid #FFF; /* wit */
}
body.inv .header
{
	background-color: #29733b; /* donkergroen */
	border-left: 1px solid #FFF; /* wit */
	border-right: 1px solid #FFF; /* wit */
	border-bottom: 1px solid #FFF; /* wit */
}

body.adf .header p
{
	color: #ffcc33; /* geel */
	font-size: 16px;
	text-align: center;
	padding-bottom:10px;
}
body.pf .header p
{
	color: #FFFFCC; /* beige */
	font-size: 16px;
	text-align: center;
	padding-bottom:10px;
}
body.ccf .header p
{
	color: #cc9900; /* goud */
	font-size: 16px;
	text-align: center;
	padding-bottom:10px;
}
body.inv .header p
{
	color: #cc9900; /* goud */
	font-size: 16px;
	text-align: center;
	padding-bottom:10px;
}

.homepage .header p
{	
	font-weight: bold;
}

body.pf .header .img
{
	background-image:url(../img/logo_pf_groot.gif);
	background-position:center center;
	background-repeat:no-repeat;
	width: 920px;
	height: 160px;
	text-align: center;
}
body.adf .header .img
{
	background-image:url(../img/logo_adf_groot.gif);
	background-position:center center;
	background-repeat:no-repeat;
	width: 920px;
	height: 170px;
	text-align: center;
}
body.ccf .header .img
{
	background-image:url(../img/logo_ccf_groot.gif);
	background-position:center center;
	background-repeat:no-repeat;
	width: 920px;
	height: 160px;
	text-align: center;
}
body.inv .header .img
{
	background-image:url(../img/logo_inv_groot.gif);
	background-position:center center;
	background-repeat:no-repeat;
	width: 920px;
	height: 240px;
	text-align: center;
}

body.pf .header .leftcol .img
{
	background-image:url(../img/logo_pf_klein.gif);
	background-position:center center;
	background-repeat:no-repeat;
	width: 240px;
	height: 160px;
	text-align: center;
}
body.adf .header .leftcol .img
{
	background-image:url(../img/logo_adf_klein.gif);
	background-position:center center;
	background-repeat:no-repeat;
	width: 200px;
	height: 170px;
	text-align: center;
}
body.ccf .header .leftcol .img
{
	background-image:url(../img/logo_ccf_klein.gif);
	background-position:center center;
	background-repeat:no-repeat;
	width: 240px;
	height: 160px;
	text-align: center;
}
body.inv .main .leftcol 
{
	background-image:url(../img/logo_inv_klein.gif);
	background-position:center center;
	background-repeat:no-repeat;
	width: 240px;
	height: 240px;
	text-align: center;
}



/* NAVIGATION */
body.ccf .navigation
{
	background-color: #cc9900; /* goud */
	border-left: 1px solid #FFF; /* wit */
	border-right: 1px solid #FFF; /* wit */
	border-bottom: 1px solid #FFF; /* wit */
}
body.pf .navigation
{
	background-color: #336633; /* groen */
	border-left: 1px solid #FFFFCC; /* beige */
	border-right: 1px solid #FFFFCC; /* beige */
	border-bottom: 1px solid #FFFFCC; /* beige */
}
body.adf .navigation
{
	background-color: #ffcc33; /* geel */
	border-left: 1px solid #FFF; /* wit */
	border-right: 1px solid #FFF; /* wit */
	border-bottom: 1px solid #FFF; /* wit */
}
body.inv .navigation
{
	background-color: #cc9900; /* goud */
	border-left: 1px solid #FFF; /* wit */
	border-right: 1px solid #FFF; /* wit */
	border-bottom: 1px solid #FFF; /* wit */
	font-weight: bold;
	color: #29733b; /* donkergroen */
}
body.ccf .navigation a
{
	color: #FFF; /* wit */
	font-weight: bold;
}
body.pf .navigation a
{
	color: #FFFFCC; /* beige */
	font-weight: bold;
}
body.adf .navigation a
{
	color: #3e86c6; /* blauw */
	font-weight: bold;
}



/* MAIN */
body.ccf .main
{
	background-color: #c5091d; /* licht rood */
	border-left: 1px solid #FFF; /* wit */
	border-right: 1px solid #FFF; /* wit */
	border-bottom: 1px solid #FFF; /* wit */
	color:#FFF;
}
body.pf .main
{
	background-color: #FFFFCC; /* beige */
	border-left: 1px solid #FFFFCC; /* beige */
	border-right: 1px solid #FFFFCC; /* beige */
	border-bottom: 1px solid #FFFFCC; /* beige */
	color:#000;
}
body.adf .main
{
	background-color: #d7e1eb; /* licht blauw */
	border-left: 1px solid #FFF; /* wit */
	border-right: 1px solid #FFF; /* wit */
	border-bottom: 1px solid #FFF; /* wit */
	color:#000;
}
body.inv .main
{
	background-color: #46a155; /* licht groen */
	border-left: 1px solid #FFF; /* wit */
	border-right: 1px solid #FFF; /* wit */
	border-bottom: 1px solid #FFF; /* wit */
	color:#000;
}

.main .leftcol li
{
	text-align: right;
}
body.ccf .main .leftcol li a
{
	color:#FFF; /* wit */
}
body.pf .main .leftcol li a
{
	color:#336633; /* groen */
}
body.adf .main .leftcol li a
{
	color:#000; /* zwart */
}

.homepage .main .leftcol img
{
	text-align: center;
	margin-top:30px;
}

.main .rightcol .content p
{
	padding-left:10px;
}

.main .rightcol .content h1
{
	text-align: left;
	font-size: 24px;
}
body.ccf .main .rightcol .content h1, body.ccf .main .rightcol .content h2, body.ccf .main .rightcol .content a
{
	color: #cc9900; /* goud */
}
body.pf .main .rightcol .content h1, body.pf .main .rightcol .content h2, body.pf .main .rightcol .content a
{
	color: #336633; /* groen */
}
body.adf .main .rightcol .content h1, body.adf .main .rightcol .content h2, body.adf .main .rightcol .content a
{
	color: #3e86c6; /* blauw */
}
body.ccf .main .rightcol .content h1
{
	border-bottom: 1px solid #cc9900; /* goud */
}
body.pf .main .rightcol .content h1
{
	border-bottom: 1px solid #336633; /* groen */
}
body.adf .main .rightcol .content h1
{
	border-bottom: 1px solid #3e86c6; /* blauw */
}

.main .rightcol .content p
{
	text-align: left;
	font-size: 13px;
}

.main .rightcol .content li
{
	list-style-type: disc;
	margin-left:20px;	
}

.main .rightcol .content h2
{
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	margin:20px 0 5px 0;
}


/* LOGOS */
body.ccf .logos
{
	background-color: #a90f1a; /* rood */
	border-left: 1px solid #FFF; /* wit */
	border-right: 1px solid #FFF; /* wit */
}
body.pf .logos
{
	background-color: #336633; /* groen */
	border-left: 1px solid #FFFFCC; /* beige */
	border-right: 1px solid #FFFFCC; /* beige */
}
body.adf .logos
{
	background-color: #3e86c6; /* blauw */
	border-left: 1px solid #FFF; /* wit */
	border-right: 1px solid #FFF; /* wit */
}
body.inv .logos
{
	background-color: #29733b; /* donker groen */
	border: 1px solid #FFF; /* wit */
	border-top:0;
}



/* ADRES */
body.ccf .adres
{
	background-color: #a90f1a; /* rood */
	border: 1px solid #FFF; /* wit */
}
body.pf .adres
{
	background-color: #336633; /* groen */
	border: 1px solid #FFFFCC; /* beige */
}
body.adf .adres
{
	background-color: #3e86c6; /* blauw */
	border: 1px solid #FFF; /* wit */
}
body.inv .adres
{
	background-color: #29733b; /* donker groen */
	border: 1px solid #FFF; /* wit */
	border-top:0;
}

.adres p
{
	text-align: center;
}
body.ccf .adres p, body.ccf .adres p a
{
	color: #FFF; /* wit */
}
body.pf .adres p, body.pf .adres p a
{
	color: #FFFFCC; /* beige */
}
body.adf .adres p, body.adf .adres p a
{
	color: #ffcc33; /* geel */
}
body.inv .adres p, body.inv .adres p a
{
	color: #FFF; /* wit */
}


/* FOOTER */
.footer
{
	vertical-align: top;
}

.copyright p.groot, .copyright p.groot a
{
	text-align: center;
	font-size: 12px;
	margin-top: 2px;
}
.copyright p.klein, .copyright p.klein a
{
	text-align: center;
	font-size: 9px;
}
body.ccf .copyright p, body.ccf .copyright p a
{
	color: #FFF; /* wit */
}
body.pf .copyright p, body.pf .copyright p a
{
	color: #FFFFCC; /* beige */
}
body.adf .copyright p, body.adf .copyright p a
{
	color: #FFF; /* wit */
}
body.inv .copyright p, body.inv .copyright p a
{
	color: #29733b; /* donker groen */
}


