@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	background-color: #ffffff;
}
#cpicenter {
	width:980px;
	margin:0 0 0 -490px;
	top:0%;
	left:50%;
	position:absolute;
}
h1 {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
	font-size: 14px;
	margin: 0px;
	color: #CDA75C;
	text-indent:-9999px;
	left: 25px;
	position: relative;
}

/*header*/
#header {
	width:980px;
	height:100px;
	left:0px;
	top:0px;
	position:absolute;
}
#cpi-logo {
	position:absolute;
	left:0px;
	top:0px;
	width:210px;
	height:100px;
}
#navigatie {
	position:absolute;
	left:210px;
	top:0px;
	width:770px;
	height:100px;
	background-color: #FFFFFF;
}
#navigatietext {
	position:absolute;
	left:65px;
	top:65px;
	color: #C2C6C0;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
	font-size: 9px;
	visibility: inherit;
	line-height: 13px;
}
#navigatietext a:link{
	color: #424541;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
	font-size: 11px;
	text-decoration: none;
}
#navigatietext a:visited{
	color: #424541;
	font-size: 11px;
	text-decoration: none;
}
#navigatietext a:hover{
	color: #424541;
	font-size: 11px;
	text-decoration: underline;
}
#navigatietext a:active{
	color: #424541;
	font-size: 11px;
	text-decoration: none;
}

/*body*/
/*bodytop*/
/*newsitem*/
#bodytop {
	height:264px;
	left:0px;
	top:100px;
	}

#croj {
	position:absolute;
	left:0px;
	top:100px;
	width:210px;
	height:50px;
}
#newsitem {
	position:absolute;
	left:0px;
	top:150px;
	width:210px;
	height:214px;
}

/*fcontent*/
#fcontent {
	position:absolute;
	left:210px;
	top:100px;
	width:770px;
	height:264px;
	z-index: 5;
	background-color: #FFFFFF;
}

/*bodybottom*/
/*bodytext*/
#bodybottom {
	left:0px;
	top:364px;
	}

#title {
	position:absolute;
	left:210px;
	top:364px;
	width:560px;
	height:76px;
}



#textfield {
	position:absolute;
	left:210px;
	top:440px;
	width:560px;
	height:134px;
	background-attachment: scroll;
	background-image: url(../images/lijntje.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#text {
	position:absolute;
	left:25px;
	top:15px;
	width:520px;
	font-family: Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	line-height: 16px;
	color: #785D5D;
	right: 15px;
}

/*grade*/
#grade {
	position:absolute;
	left:770px;
	top:320px;
	width:208px;
	background-image: url(../images/grad.jpg);
	background-repeat: no-repeat;
	overflow: visible;
	visibility: visible;
	display:block;
	z-index: 10;
}
#crojtitle {
	height:43px;
	
}
#crojitems {
	padding-left: 17px;
	font-family: "Trebuchet MS", tahoma, Verdana;
	font-size: 11px;
}
#crojitems a {
	font-family: "Trebuchet MS", tahoma, Verdana;
	font-size: 11px;
	color: #333333;
}
.crojitemtitle {
	font-family: "Trebuchet MS", tahoma, Verdana;
	font-size: 14px;
	height: 22px;
	position: relative;
	width: 174px;
	line-height: 16px;
	font-weight: bold;
}
.fotoborder {
	border: 3px solid #FFFFFF;
}


/*footer*/
.footertext {
	left:0px;
	color: #C2C6C0;
	font-family: Tahoma, Verdana, "Trebuchet MS";
	font-size: 10px;
	line-height: 13px;
	position: relative;
	top: 0px;
}
.footertext a:link{
	color: #C2C6C0;
	font-family: Tahoma, Verdana, "Trebuchet MS";
	font-size: 10px;
	text-decoration: none;
}
.footertext a:visited{
	color: #C2C6C0;
	font-size: 10px;
	text-decoration: none;
}
.footertext a:hover{
	color: #C2C6C0;
	font-family: Tahoma, Verdana, "Trebuchet MS";
	font-size: 10px;
	text-decoration: underline;
}
.footertext a:active{
	color: #C2C6C0;
	font-size: 10px;
	text-decoration: none;
}
#newsitem {
	height: 214px;
	width: 210px;
	background-image: url(../images/newsback.jpg);
	background-repeat: no-repeat;
	background-color: #5B5A55;
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 12px;
	color: #FFFFFB;
}

#newsitemtext {
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 11px;
	color: #FFFFFB;
	padding-left: 28px;
	padding-top: 14px;
	line-height: 18px;
	padding-right: 16px;
}
ul {
	list-style-type: square;
}
a {
	color: #990000;
	text-decoration: none;
}
a:link {
	color: #990000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

/* bop page */
#boptitle {
	position:absolute;
	left:210px;
	top:364px;
	width:770px;
	height:76px;
	background-color: #CDA75C;
}
#boptextfield {
	position:absolute;
	left:210px;
	top:440px;
	width:770px;
	background-color: #FFFFFF;
	background-attachment: scroll;
	background-image: url(../images/bopbackground.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 400px;
}
#boptextfield1 {
	position:absolute;
	left:210px;
	top:440px;
	width:770px;
	background-color: #FFFFFF;
	background-attachment: scroll;
	background-image: url(../images/bopbackground1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 400px;
}
#boptext {
	position:absolute;
	left:15px;
	top:15px;
	width:520px;
	font-family: Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	line-height: 16px;
	color: #785D5D;
	right: 15px;
}
#boptext1 {
	position:absolute;
	left:25px;
	top:15px;
	width:580px;
	font-family: Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	line-height: 16px;
	color: #785D5D;
	right: 15px;
	text-align: justify;
}
#fotos {
	width: 250px;
	text-align: left;
	float: right;
	margin-left: 20px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D0C2A7;
	border-right-color: #D0C2A7;
	border-bottom-color: #D0C2A7;
	border-left-color: #D0C2A7;
	border-left-width: 1px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
#fotos li {
	text-align: left;
	border-top-color: #D0C2A7;
	border-right-color: #D0C2A7;
	border-bottom-color: #D0C2A7;
	border-left-color: #D0C2A7;
	list-style-image: url(../images/arrow1.gif);
	list-style-position: outside;
	margin-left: -27px;
}



#bopinfo {
	font-family: Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	line-height: 16px;
	color: #785D5D;
	text-align: left;
	padding-left: 13px;
}
#bopfoto {
	width:288px;
	background-attachment: scroll;
	background-image: url(../images/bopsback.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-bottom: 11px;
	padding-top: 11px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	height: 94px;
}
#boplinks {
	position:absolute;
	width:317px;
	font-family: Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	line-height: 16px;
	color: #785D5D;
}

/* wonen doe je dagelijks */
#wonendoejedagelijks {
	position:absolute;
	left:0px;
	top:364px;
	width:210px;
	height:200px;
	background-color: #ffffff;
}
