body {
	overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
	padding:0;margin:0;		/* necesarry for the raster to fill the screen */
	height:100%;
	width:100%;
	font-weight:400;
	font-family:'Source Sans Pro', Verdana, Helvetica, sans-serif;
	font-size:100%; /* 16px */
	line-height: 21px;
	color:#000;
}
.ckeditorbody {
	overflow:auto;
}

img {
	border:0px solid #000;
}

p {
	padding:0;
	margin:0;
}
a:link, a:visited, a:active {
	color:#cc071e;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:underline;
}



hr.cBr {
	border:0px solid #fff;
	height:0px;
	margin:0;
	padding:0;
	clear:both;
}


#divSiteContainer {
	position:absolute;
	width:100%;
	height:100%;
	overflow:auto;
}
#divContainer {
	position:relative;
	width:960px;
	margin: auto;
	margin-top:10px;
	text-align:left;
	color:#000;
}

/* ----------------------------------------------------------------------------- hoofd navigatie */
#divHeaderContainer {
	position:relative;
	width:100%;
	height:166px;
}
#divHeader {
	position:relative;
	margin:0 auto;
	width:980px;
	height:100%;
}

#divLogo {
	float:left;
	width:780px;
	height:165px;
}
#divLogo a {
	display:block;
	height:100%;
}
#divReadable {
	float:left;
	width:200px;
	height:120px;
	text-align:right;
	margin-top:45px;
	font-weight:700;
}
#divReadable a {
	color:#000;
	border-bottom:0px solid #fff;
}
#divReadable .Kleiner {
	font-size:90%;
	margin-left:5px;
}
#divReadable .Gemiddeld {
	font-size:130%;
	margin-left:5px;
}
#divReadable .Groter {
	font-size:180%;
	margin-left:5px;
}
#divReadable .leesvoor {
	background:url(../img/leesvoor.jpg) 100px 0 no-repeat;
	margin:5px 0 0 0;
	padding:0 0 0 24px;
	font-size:100%;
	font-weight:700;
	display:block;
}

#divNavigatieContainer {
	position:relative;
	background-color:#cc071e;
	margin:0 auto;
	width:100%;
	height:30px;
}
#divNavigatie {
	margin:0 auto;
	width:1000px;
	height:30px;
	overflow:hidden;
	text-align:center;
}
#divNavigatie a {
	display: inline-block;
	margin:0 0 0 -4px; /* nodig voor inline-block! */
	font-weight:700;
	font-size:110%;
	line-height:27px;
	color:#fff;
	padding:0 15px 5px 15px;
	text-decoration:none;
	background-color:#cc071e;
	border-left:2px solid #fff;
}
#divNavigatie a:hover {
	color:#000;
}
#divNavigatie  a.open {
	background-color:#000;
}
#divNavigatie  a.open:hover {
	color:#cc071e;
}

.cAfbLinks {
	margin-right:18px;
}
.cAfbRechts {
	margin-left:18px;
}

.cRood {
	color:#cc071e;
}

h1, h2, h3, h4, h5, h6 {	font-family:'Source Sans Pro', Helvetica, serif; line-height:100%; font-weight:700; margin:0 0 5px 0; color:#fff}
h1 {	font-size: 180%; color:#cc071e; }
h2 {	font-size: 165%; color:#cc071e;	}
h3 {	font-size: 140%; color:#cc071e;	}
h4 {	font-size: 130%; color:#cc071e;	}
h5 {	font-size: 115%; color:#cc071e;	}
h6 {	font-size: 100%; color:#cc071e;	}

#divContainer h3 {
	text-transform:uppercase;
	background-color:#000;
	color:#fff;
	height:46px;
	line-height:46px;
	padding:0 18px 0 18px;
	margin:0;
}

#divContent {
	position:relative;
}
#divContent a:hover {
	text-decoration: none;
	border-bottom:1px solid #cc071e;
}
.cSpacer30 {
	height:30px;
}
/* ------------------------------------------- home */
.home {
	width:1000px;
	margin:0 auto;
}
.home .cAfb {
	margin:0 auto 10px auto;
}
.home .cTekst1 {
	margin:0 auto 40px auto3;
	width:590px;
}

/* ------------------------------------------- over ons en contact */
.over_ons_en_contact {
	position:relative;
	width:1000px;
	margin:0 auto;
}
.over_ons_en_contact .cAfb {
	margin:0 auto 10px auto;
	height:340px;
	overflow:hidden;
}
.over_ons_en_contact .cTekst1 {
	position:absolute;
	left:10px;
	top:350px;
	width:580px;
	padding:0 0 30px 0;
}
.over_ons_en_contact .cTekst2 {
	position:absolute;
	left:610px;
	top:350px;
	width:180px;
	padding:0 0 30px 0;
}
.over_ons_en_contact .cTekst3 {
	position:absolute;
	left:810px;
	top:350px;
	width:190px;
	padding:0 0 30px 0;
}


/* - ------------------------------------------ de 5 themaas  */
.themaasContainer {
	background:url(../img/themaaskleuren.jpg) center 150px no-repeat;
}
.themaas {
	position:relative;
	width:1000px;
	margin:0 auto;
}
.themaas .kolom {
	width:200px;
	float:left;
}
.themaas .kolom .afb {
	width:200px;
	height:150px;
	overflow:hidden;
}
.themaas .kolom .titel {
	width:200px;
/*	height:36px; */
	overflow:hidden;
	padding:0 5px 0 5px;
	color:#fff;
	line-height:35px;
	font-size:120%;
	font-weight:700;
}
.themaas .kolom .tekst {
	font-size:100%;
	padding:5px;
	font-weight:400;
}
.paars { color:#fff; background-color:#af24c8 ; }
.blauw{ color:#fff; background-color:#281fa0 ; }
.groen { color:#fff; background-color:#24b727 ; }
.oranje { color:#fff; background-color:#ecaf2c ; }
.cyaan { color:#fff; background-color:#75c0d9 ; }

.txtpaars		{ color:#af24c8 ; }
.txtblauw		{ color:#281fa0 ; }
.txtgroen		{ color:#24b727 ; }
.txtoranje	{ color:#ecaf2c ; }
.txtcyaan		{ color:#75c0d9 ; }


.paars a { color:#fff; }
.blauw a{ color:#fff; }
.groen a { color:#fff; }
.oranje a { color:#fff; }
.cyaan a { color:#fff; }

.themaasFooter {
	width:100%;
	height:20px;
	background:url(../img/themaaskleuren.jpg) center 10px no-repeat;
}

/* - ------------------------------------------ voorbeelden in een thema  */
.
.voorbeeldenContainer {
}
.voorbeeldenContainer .rij {
	position:relative;
	width:1000px;
	margin:0 auto;
}
.voorbeeldenContainer .rij .titel {
	float:left;
	width:600px;
		padding:0;

}
.voorbeeldenContainer .rij h1 {
	margin:0 0 0 10px;
	font-size:110%;
}
.voorbeeldenContainer .rij .tekst {
	float:left;
	width:580px;
	margin:0 0 0 10px;
	font-size:100%;
}
.voorbeeldenContainer .rij .afb {
	float:left;
	width:400px;
	height:140px;
	overflow:hidden;
}
.kleurbalk25 {
	height:25px;
}
.voorbeeldenContainer .kleurbalk10 {
	height:10px;
}
.breed1000 {
	position:relative;
	width:1000px;
	margin:0 auto;
}
.breed50pct {
	float:left;
	width:50%;
}

.rechts {
	text-align:right;
}

/* ---------------------------------------------------- voorbeeld in detail */
.voorbeeld {
	position:relative;
	width:1000px;
	margin:0 auto;
}
.voorbeeld .cTekst1 p {
	padding-right:400px;
}
.voorbeeld .cAfb {
	float:right;
	width:580px;
	border-left:10px solid #fff;
}
.voorbeeld .cTekst3 {
	position:absolute;
	left:700px;
	top:460px;
}
.voorbeeld .cTekst3 a {
	font-size:90%;
}