@charset "utf-8";
/* CSS Document */
/*************/
/*** reset ***/
/*************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
margin:0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-left: 0px;
}
/************/
/*** body ***/
/************/
body { background:#f3f4f7; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}
img { border:0px;}
a {
	outline:none;
	color: #cc003a;
}

a.none {
	text-decoration:none;
}

.clear { clear:both;}
/***************/
/*** wrapper ***/
/***************/
.wrapper { position:relative; width:960px; margin:0 auto;}
.wrapper2 { position:relative; height:0px; margin:0px; width:960px; margin:0px auto; padding:0px; padding-bottom:-36px;}
/**************/
/*** header ***/
/**************/
#header { background:#FFF; width:100%; height:48px; margin:0px; padding:124px 0px 0px 0px;}
/*** logo ***/
#header h3 { display:block; position:absolute; left:11px; top:-116px; background:url(../images/layout/logo.png) no-repeat; width:431px; height:104px; text-indent:-100000px; overflow:hidden; cursor:pointer; border:0px #cccccc solid;}
#header h4 { position:absolute; right:9px; top:-27px; background:url(../images/layout/logo_sub.png) no-repeat; width:441px; height:16px; text-indent:-100000px; cursor:pointer; overflow:hidden;}
/*** menuBar ***/
ul.menuBar { background:url(../images/layout/menuBar_bg.png); width:960px; height:48px; margin:0px; padding:0px 0px 0px 0px; list-style:none;}
ul.menuBar li { float:left;}
ul.menuBar li a { display:block; padding:17px 24px 16px 24px; color:#FFF; text-decoration:none; font-weight:bold;}
ul.menuBar li a:hover {  background:#4981bb;}
ul.menuBar li.active a { color:#ffffff; background:#023c7a;}
ul.menuBar li.active a:hover { color:#ffffff; background:#023c7a;}

ul.menuBar li.last a { display:block; padding:17px 24px 16px 24px; color:#FFF; text-decoration:none; font-weight:bold;}
ul.menuBar li.last a:hover {  background:#4981bb;}
ul.menuBar li.activeLast a { color:#ffffff; background:#023c7a;}
ul.menuBar li.activeLast a:hover { color:#ffffff; background:#023c7a;}

/**************/
/*** banner ***/
/**************/
#banner { background:#cc003a; width:100%;}
/*** wrapper ***/
#banner .wrapper { background:#FFF; width:950px; padding:5px 5px 5px 5px;}
#banner .wrapper img { margin:0px 0px -3px 0px;}
/***************/
/*** content ***/
/***************/
#content { float:left; background:url(../images/layout/content_bg.png) no-repeat top left; width:960px; padding:0px 0px 25px 0px;}
/*** tags ***/
#content p { line-height:18px;}
#content p.lead { font-weight:bold; text-align:justify;}
/*** laatsteNieuws ***/
.nieuwsContainer {
	float:left;
	width:940px;
	height:26px;
	color:#ffffff;
	margin:13px 10px 20px 10px;
	display:inline;
	overflow:hidden;
	padding-top: 6px;
}
/*** nieuwsItems ***/
ul.nieuwsItems { position:relative; width:940px; height:26px; list-style:none;}
ul.nieuwsItems li { float:left; background:url(../images/layout/laatsteNieuws_break.png) no-repeat 0px 12px; padding:5px 25px 0px 40px;}
ul.nieuwsItems li.first { background:none; padding:5px 25px 0px 25px;}
ul.nieuwsItems li a { color:#8f8f8f; font-size:11px; text-decoration:none; white-space:nowrap;}
ul.nieuwsItems li a em { color:#a7a7a7; font-style:normal;}
ul.nieuwsItems li a:hover { text-decoration:underline;}
/*** overCMI ***/
.overCMI { float:left; width:940px; padding:0px 10px 22px 10px; text-align:justify;}
.overCMI h1 { display:block; padding:0px 0px 10px 0px; color:#cc003a; font-size:18px; font-weight:normal;}
/*** diensten ***/
.diensten { float:left; width:940px; padding:0px 10px 0px 10px;}
/*** dienst ***/
.dienst {
float:left;
width:282px;
padding:0px 47px 0px 0px;
text-align:left;
}
/*** titel ***/
.dienst h2 { display:block; padding:0px 0px 10px 0px; color:#cc003a; font-size:18px; font-weight:normal;}
/*** leesMeer **/
.dienst a.leesMeer { float:left; display:block; background:url(../images/layout/dienst_leesMeer_bg.png) no-repeat top left; width:110px; height:26px; margin:22px 172px 0px 0px; text-indent:-100000px; overflow:hidden; display:inline;}
.dienst a.leesMeer:hover { background:url(../images/layout/dienst_leesMeer_bg.png) no-repeat bottom left;}

.promoKnop{
	float: right;
	width: 110px;
}

a.promoFilm { float:left; display:block; background:url(../images/layout/dienst_promofilm_bg.png) no-repeat top left; width:110px; height:26px; margin:22px 172px 0px 0px; text-indent:-100000px; overflow:hidden; display:inline;}
a.promoFilm:hover { background:url(../images/layout/dienst_promofilm_bg.png) no-repeat bottom left;}

/*** last ***/
.diensten .last { padding:0px 0px 0px 0px;}
/**************/
/*** footer ***/
/**************/
#footer {
float:left;
width:938px;
margin:0px 10px 0px 10px;
padding:6px 1px 6px 1px;
border-top:1px solid #d8d8d8;
color:#838382;
display:inline;
}
/*** copyright ***/
.copyright { float:left;}
/*** footerMenu ***/
.footerMenu { float:right;}
.footerMenu a { color:#838382; text-decoration:none;}
.footerMenu a:hover { color:#cc003a;}
/*********************************************************************************************/
/*** subpagina *******************************************************************************/
/*********************************************************************************************/
/*** contentVak ***/
.contentVak { float:left; width:601px; margin:80px 0px 0px 10px; display:inline;}
/*** titel ***/
.contentVak h2 {color:#cc003b; font-size:14px; line-height:24px; font-weight: normal;}
.contentVak h3 {color:#666666; font-size:14px; line-height:24px; font-weight: normal;}
.contentVak h1 { position:relative; display:block; background:#cc003b; width:601px; height:27px; margin:0px 0px 10px 0px; border-bottom:12px solid #df908b;}
.contentVak h1 span {
position:absolute;
left:12px;
top:7px;
color:#FFF;
font-size:22px;
font-weight:normal;
width: 583px;
}
.contentVak h1 em {
position:absolute;
right:2px;
top:15px;
color:#FFF;
font-size:12px;
letter-spacing:1px;
font-weight: bold;
width: 191px;
}
/*** tekst algemeen***/
.contentVak p { padding:0px 2px 0px 0px;}
.contentVak a { color:#cb003b; text-decoration:none;}
.contentVak a:hover { text-decoration:underline;}
.contentVak img.center { display:block; margin:0 auto;}
/*** tekst bovenbalk rechts***/
.contentVak h1 em p { padding:0px 2px 0px 0px;}
.contentVak h1 em a { color:#ffffff; text-decoration:none;}
.contentVak h1 em a:hover { text-decoration:underline;}
.contentVak h1 em img.center { display:block; margin:0 auto;}

.contentVak ul{list-style:square; color:#666666; padding:0px 0px 0px 13px; line-height:18px;}

/*** sideBar ***/
.sideBarFixed { position:fixed; left:0px; top:434px; width:100%; z-index:-10;}
.sideBarWrapper { position:relative; width:280px; margin:0 auto; padding:0px 10px 125px 670px; overflow:hidden;}
.sideBar { float:right; width:280px; padding:80px 0px 0px 0px; display:inline;}
/*** onzeDienstenBox ***/
.onzeDienstenBox {
float:right;
background:#FFF url(../images/layout/onzeDienstenBox_bg.png) no-repeat bottom right;
width:280px;
border:5px solid #9eb6cf;
border-top:none;
display:inline;
margin-right: 9px;
}
.onzeDienstenBox li.active a { color:#003d7b;}
/*** titel ***/
.onzeDienstenBox h2 { position:relative; display:block; background:#9eb6cf; width:280px; height:39px;}
.onzeDienstenBox h2 span { position:absolute; left:-5px; top:0px; background:#7d9ebf; width:290px; height:27px; color:#FFF; font-size:18px; font-weight:normal;}
.onzeDienstenBox h2 em {
position:absolute;
left:12px;
bottom:-4px;
color:#FFF;
font-size:20px;
font-weight:normal;
font-style:normal;
width: 255px;
}
.onzeDienstenBoxExtra {
	float:right;
	background:#FFF url(../images/layout/onzeDienstenBox_bg.png) no-repeat bottom right;
	width:280px;
	border:5px solid #9eb6cf;
	border-top:none;
	display:inline;
	margin-right: 9px;
	margin-top: 25px;
}
/*** titel ***/
.onzeDienstenBoxExtra h2 { position:relative; display:block; background:#9eb6cf; width:280px; height:39px;}
.onzeDienstenBoxExtra h2 span { position:absolute; left:-5px; top:0px; background:#7d9ebf; width:290px; height:27px; color:#FFF; font-size:18px; font-weight:normal;}
.onzeDienstenBoxExtra h2 em {
position:absolute;
left:12px;
bottom:-4px;
color:#FFF;
font-size:20px;
font-weight:normal;
font-style:normal;
width: 255px;
}
/*** onzeDiensten ***/
ul.onzeDiensten { width:280px; padding:10px 0px 0px 0px; list-style:none;}
ul.onzeDiensten li {
display:block;
background:url(../images/layout/onzeDienstenBox_bullet.png) no-repeat 8px 2px;
width:262px;
color:#5b72a3;
font-size:11px;
letter-spacing:0.5px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 8px;
padding-left: 28px;
}
ul.onzeDiensten li a { color:#5b72a3; text-decoration:none;}
ul.onzeDiensten li a:hover { color:#cc003a;}
/*** cedeoErkend ***/
.sideBar img.cedeoErkend {
float:right;
margin:30px 9px 0px 0px;
display:inline;
}
/*********************************************************************************************/
/*** infopagina ******************************************************************************/
/*********************************************************************************************/
/*** breed ***/
.breed, .breed h1 { width:940px;}
/*** inleiding ***/
.breed p.inleiding { display:block; text-align:justify; font-weight:bold;}
/*** infoKolom ***/
.infoKolom {
float:left;
width:268px;
padding:17px 45px 0px 0px;
display:inline;
line-height: 18px;
}
.infoKolom h2 {
	display:block;
	padding:0px 0px 0px 0px;
	color:#444;
	font-size:14px;
	font-weight:normal;
}
.infoKolom p {
display:block;
padding-top: 6px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.infoKolom ul {
list-style:square;
color:#666666;
padding:0px 0px 0px 13px;
}
.infoKolom ul li span { color:#666;}
/*** kort ***/
.kort {
padding:17px 45px 70px 0px;
}
/*** infoBar ***/
.infoBar {
position:relative;
float:right;
background:#FFF url(../images/layout/cedeo_wit.png) no-repeat center right;
width:342px;
display:inline;
margin-top: 75px;
margin-right: 0px;
margin-bottom: 45px;
margin-left: 0px;
padding-top: 2px;
padding-right: 285px;
padding-bottom: 2px;
padding-left: 81px;
background-image: url(../images/layout/cedeo_wit.png);
}
/*** afbeelding ***/
.infoBar .afbeelding {
position:absolute;
left:-232px;
top:-107px;
border:5px solid #9eb6cf;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 2px;
}
/*** informatie ***/
.infoBar table td { padding:0px 0px 3px 0px;}
.infoBar table td.onderdeel { width:95px;}
/*********************************************************************************************/
/*** kleuren *********************************************************************************/
/*********************************************************************************************/
/*** standaard = rood ***/
/*** blauw ***/
body.blauw #banner { background:#003c7a;}
body.blauw .contentVak h1 { background:#1e568c; border-bottom:12px solid #7999ba;}
/*** paars ***/
body.paars #banner { background:#5b72a3;}
body.paars .contentVak h1 { background:#6e82ae; border-bottom:12px solid #a7b3cd;}
/*** grijs ***/
body.grijs #banner { background:#646567;}
body.grijs .contentVak h1 { background:#767779; border-bottom:12px solid #abacaf;}


h1 span a.titlelink {
	color:#ffffff;
	text-decoration:none;
}

h1 span a.titlelink:hover {
	color:#ffffff;
	text-decoration:none;
}



/*** sexy bookmarks ***/



ul.sharing-cl {
		position:relative;
		display:block;
	  list-style:none;
		padding:0px;
		margin:0px;
		margin-top:-90px;
	  width:300px;
	 	float:right;
	  height:0px;
	}
	
ul.sharing-cl li {
		position:relative;
		display:block;
		list-style:none;
	  float:left;
	  padding:0px;
	 	margin:0px;

		width:75px;
	  height:30px;
	}
	
	.sharing-cl a {
		position:relative;
		display:block;
	  width:75px;
	  height:30px;
	  float:left;
	  border:0px #cccccc solid;
	  margin-right:5px;
	  background:url("../images/icon.jpg") no-repeat;
	}
	
	a.sh-su{background-position:-210px -40px;}
	a.sh-feed{background-position:-70px -40px;}
	a.sh-tweet{background-position:-140px -40px;}
	a.sh-mail{background-position:0 -40px;}
	a.sh-digg{background-position:-280px -40px;}
	a.sh-face{
	  margin-right:0;
	  background-position:-350px -40px;
	}
	a.sh-mail:hover{background-position:0 1px;}
	a.sh-feed:hover{background-position:-70px 1px;}
	a.sh-tweet:hover{background-position:-140px 1px;}
	a.sh-su:hover{background-position:-210px 1px;}
	.sh-digg:hover{background-position:-280px 1px;}
	a.sh-face:hover{
	  background-position:-350px 1px;
	}
 

	#text a{
		position:relative;
	  text-indent:0;
	  height:auto;
	  text-align:center;
	  font-size:11px;
	  padding-top:35px;
	  color:#999;
	  text-decoration:none;
	 	 	margin-bottom:-36px;
	}
	
	
	.logo-link {
		padding:5px;
		margin:15px;
		position:relative;
		width:155px;
		height:155px;
		display:block;
		float:left;
	}
	
	.logo-link img {
		position:absolute;
	}