/*
Gebruikte kleuren:

CID Geel: #FFCB05
CID Rood: #ED1F23
CID Donkerblauw: #004770

*/

body {
	margin:0;
	padding:0;
	color: #333333;
	background: #EEE;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 130%;
	text-align: center;
}

/* pagina opbouw styles */

#wrap {
	width: 990px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	padding:0;
	text-align: left;
	background: #fff;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

#main {
	width: 965px;
	margin-left: auto;
	margin-right: auto;
	padding:0;
	text-align: left;
	background: #fff;
}

#head {
	height: 120px;	
	margin: 0px 0 10px 0;
}

#menublok {
float: right;
width: 560px;
height: 75px;
margin-top: 0px;
border-right: 0px dotted #999;
background-color: #fff;
}

#tussenstrook { /* De strook tussen het menu en de pagebody */
width: 560px;
margin: 17px 0 0 0;
padding: 0px 0 0 0;
float: right;
background-color: #fff;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

* html #tussenstrook {
	margin-top: 12px;
}

#zoekbalk {
	text-align: right;
	float: right;
}

#zoeker {
	display:inline;
}


#left {	
	float: left;
	width: 120px;
	margin: 0;
	padding: 0;
	clear: both;
	margin-right: 7px;
	}

#right {
	float: right;
	width: 336px;
	margin: 0;
	padding: 0;
	}
	

#midleft {
	float: left;
	width: 317px;
	margin: 0px;
	margin-right: 7px;
	padding: 0;
	}

#midright {
	float: left;
	width: 170px;
	margin: 0;
	margin-right: 7px;
	padding: 0;
	}

#midfull {
	float: left;
	width: 495px;
	margin: 0px;
	padding: 0;
	margin-right: 7px;

	}

#footer {
	margin: 0;
	padding: 10px;
	background-color: #eee;
	clear:both;
	}

#sneltip {
	float:right;

	width: 836px;
	background-color: #EEE;
	text-align: center;
	margin-bottom: 10px;
	
}

.cleaner {
	clear:both;
	width: 100%;
	height: 1px;
	font-size: 1px;
	line-height:1px;
}

/* Opmaakonderdelen  */

p { 
	margin: 0; 
	color: #333;
	font-weight: normal;
	text-align: left;
	margin-bottom: 10px;

}

p.intro {
	font-weight: bold;
}	

a {
	color: #024771;
	text-decoration: none;
	}

a:hover  {
	color: #024771;
	text-decoration: underline;
	}
	
a.koplink {
	color: #ED1F23;
}

h1  {
	font-size:160%;
	line-height: 120%;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #004770;
	}
	

h2 {
	font-size:15px;
	color: #004770;
	margin-top: 0px;
	margin-bottom: 4px;
	line-height: 15px;
	/* clear: both; */
}

h2 a {
	text-decoration: none;
	color: #004770;
}

h2 a:hover {
	text-decoration: underline;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #004770;
	margin: 0px 0px 0px 0px;
	}

h3.cidtitel, h3.redtitel, h3.zwtitel {
	color:#ED1F23;
	font-weight: bold;
	line-height: 10px;
	font-size: 13px;
	margin: 0 0 0 0px;
	padding: 3px 0 4px 6px;
}

h3.redtitel { color:#FFF;font-size: 14px;
	font: bold 9pt Verdana, sans-serif;
	letter-spacing: 1px;

}
h3.zwtitel { color:#000; }


	
/* navigatie styles  */

.hoofdnavigatie {
	float: right;
	width: 140px;
	margin: 0px; 
	padding: 0px;
}

ul.hoofdmenu {
	margin: 10px 0px 0px 0px;
	padding: 0px 3px 3px 6px;
	border-left: 1px solid #999;
	height: 60px; 
}

ul.hoofdmenu li { 
	list-style: none;
	margin: 0px;
	padding: 0 0 0 5px;
	text-align: left;
	background-position: left;
	background-repeat: no-repeat;
	background-image:url(../media/bullet_square_yel.jpg);
}

ul.hoofdmenu.blauw li { 
	background-image:url(../media/bullet_square_dbl.jpg);
}

ul.hoofdmenu li a {
	color: #333;
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	margin-left: 10px;
	display: block;
	height: 16px;
	line-height: 16px;	
	text-decoration: none;
}

ul.hoofdmenu li a:hover {
	text-decoration: underline;	
}

ul.hoofdmenu li.actief {
	font-weight:bold;
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

ul.actief {
	background:#fff;
}



/*  group  */

.cidvakje {
	width: 100%;
	margin-bottom: 8px;
	}


.faqmanvakje {
	width: 100%;
	margin-bottom: 8px;
	background: #fff;
	text-align:center;
	}

.sneltipvakje {
	width: 100%;
	margin-bottom: 8px;
	background: #eee;
	text-align:center;
	}	
	
.drivevakje {
	width: 100%;
	margin-bottom: 8px;
	background: #FBF6BB;
	text-align:center;
	}	
	
.cidheader {
	text-align:left;
	background-color: #ffcb05;
	border-bottom: 1px solid #ED1F23; 
	}
	
u {
	text-align:left;
	background-color: #ED1F23;
	border-bottom: 1px solid #ffcb05;
	}
	

.content {
	border: 1px solid #ddd;
	border-top: 0;
	padding: 5px;
	text-align: left;
	}

.content a {
	color: #004770;
	text-decoration: underline;
	}

.content a:hover  {
	color: #000;
	text-decoration: underline;
	}
	

.content ul {
	font-size: 100%;
	padding-left: 0px;
	margin: 0px 0px 5px 0px;
	}

.content li {		
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	} 	


.content li a {		
	display: block;
	height: 18px;
	background: url(../media/pijl_blauw.gif) 0px 0px; background-repeat: no-repeat;
	padding-top: 0px;
	padding-left: 8px;
	color: #004770;
	margin: 0px;
	text-decoration: none;
	}	

.content .rood li a {
	background: url(../media/pijlstippel_rood.gif) 0px 0px; background-repeat: no-repeat;
	}

.content .rood_geenstippel li a {
	background: url(../media/pijlstippel_rood_gs.gif) 0px 0px; background-repeat: no-repeat;
	}

.content .doorlink {
	font-weight: bold;
	color: #024771;
	text-decoration: none;
	padding: 0px 0px 0px 12px;
	background: url(../media/verder-blauw.jpg) 0px 3px; background-repeat: no-repeat;
	}

.content .doorlink-r {
	font-weight: normal;
	color: #024771;
	text-decoration: none;
	padding: 0px 0px 0px 12px;
	background: url(../media/verder-rood.jpg) 0px 3px; background-repeat: no-repeat;
	}


ul.headlines {
	font-size: 12px;
	color: #004770;
	line-height: 15px;
	text-align: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.headlines li {
	list-style: none;
}

ul.headlines li a {		
	background: url(../media/pijlstippel_blauw.gif) 0px 0px; background-repeat: no-repeat;
	}	

a.knoplink  {
	font-weight: bold;
	color: #004770;
	text-decoration: none;
	padding: 2px 7px 2px 7px;
	background: #eee;
	border: 1px solid #999;
	margin-bottom: 5px;
}	

a.knoplink:hover {
	background: #ccc;
	border: 1px solid #333;
	text-decoration: none;
}	

a.rss {
	font-weight: normal;
	width: 100px;
	color: #fff;
	text-decoration: none;
	padding: 0px 0px 0px 12px;
	background: url(../media/feed-icon-small.gif) 0px 3px; background-repeat: no-repeat;
	}

.knop {
	width: 100px;
	height: 20px;
	color: #FFF;
	font-size:12px;
	font-weight: bold;
	background-color: #004770;
	margin-top: 5px;
	border: 0;
	}

a.printen, a.doorsturen, a.reageren {
	display: block; float:left;
	font-weight: normal;
	width: 125px;
	color: #000;
	text-decoration: none;
	padding: 14px 0px 5px 36px;
	}

a.printen {
	background: url(../media/articon-print.gif) 0px 0px; background-repeat: no-repeat;
	}
a.doorsturen {
	background: url(../media/articon-doorsturen.gif) 0px 0px; background-repeat: no-repeat;
	}
a.reageren {
	background: url(../media/articon-reageren.gif) 0px 0px; background-repeat: no-repeat;
	}





.categorie {
	width:160px;
	float:left;
	}
	
.midkolomlinks {
	width:245px;
	float:left;
	margin-right: 5px;
	}	
.midkolomrechts {
	width:245px;
	float:left;
	}	
		
div.nieuwsdatum {
	font-size: 10px;
	color: #999;
	line-height: 10px;
	text-align: left;
	margin-bottom: 4px;
	}

.datum {
	font-size: 10px;
	color: #999;
	line-height: 10px;
	text-align: right;
	margin-bottom: 4px;
	}	

.stippel {
	height:10px;
	font-size:1px;
	background: url(../media/stippellijn.gif) 0px 0px; no-repeat top left;
	clear: both;
	margin: 0 0 5px 0;
	padding:0;
	}

.stippelhalf {
	height:10px;
	font-size:1px;
	background: url(../media/stippellijn.gif) 0px 0px; no-repeat top left;
	margin: 0; 
	padding:0;
	}	


img.left {
	float:left;
	margin-right: 5px;
	margin-bottom: 3px;
	border: 1px #ccc solid;
	margin-top: 3px;
	}

img.right {
	float:right;
	margin-left: 5px;
	margin-bottom: 3px;
	border: 1px #ccc solid;
	}

img.middle {
	margin-bottom: 5px;
	border: 1px #999 solid;
	}

img.icon {
	float:right;
	margin-left: 5px;
	margin-right: 5px;
	border: 0px;
	}
	
img.iconleft {
	float:left;
	margin-left: 0px;
	margin-right: 5px;
	border: 0px;
	}



/* additionele styles voor blokjes */

.nopadding {padding: 0;}	
.noborder {border: 0px; padding-left: 0; padding-right: 0;}	
.geelvlak {background: #FFCB05; margin-bottom: 8px;}
.grijsvlak {background: #EEEEEE; margin-bottom: 8px;}
.roodvlak {background: #ED1F23;	margin-bottom: 8px;}
.blauwvlak {background: #004770; margin-bottom: 8px;}


/* styles voor tekstballonnen */

.ballon {
	width:476px;
	position:relative;
	margin:0px 0px 5px 5px; 
	padding:10px 0px 0px 0px;
	background:url(../media/ballon-tops.gif) top left no-repeat;
	}
	
.ballon div {
	margin:0;
	padding:0px 10px 25px 10px;
	background:url(../media/ballon-bots.gif) bottom left no-repeat;
	}

.ballonfaq {
	width:476px;
	position:relative;
	margin:0px 0px 5px 5px; 
	padding:10px 0px 0px 0px;
	background:url(../media/ballonfaq-top.gif) top left no-repeat;
	}
	
.ballonfaq div {
	margin:0;
	padding:0px 10px 25px 10px;
	background:url(../media/ballonfaq-bot.gif) bottom left no-repeat;
	}
	
h3.wit {
	color: #FFF;
	text-transform: uppercase;
}

h3.geel {
	color: #ffcb05;
}

.right {
	float:right;
}

.righttotal {
	float:right;
	clear:right;
}


.left {
	float:left;
}

.lefttotal {
	float:left;
	clear:left;
}

.center {
	text-align: center;
}

.hangend {
	display: table;
	margin-left: 5px;
}	

span.vakwoord {
display: inline;
font-size: 120%;
color:#FF0000;
margin: 0 10px 5px 0;
font-weight: bold;
}

div.vakwoord {
	margin-top: 5px;
	border: none;
}

div.vakletters {

	margin-top: 5px;
	margin-bottom: 10px;
	}

div.vakletters a {
	font-weight: bold;
	font-size: 140%;	
	
}

div.vakletters a:hover {
	font-size: 200%;
	color:#FF0000;	
	text-decoration: none;
}


div.vakletters a.vakletter_actief {
	font-size: 200%;
	color:#FF0000;
}

div.zieook {
	margin-top: 5px;
	font-style: italic;

}

div.paginator-top {
float:left;
clear:left;
width: 100%;
line-height: 15px;
}

div.paginator-top-inner {
background:#EEE;
/* width:100%; */ 
margin: 3px 0 10px 0;
padding: 1px 3px;
}

div.paginator-bottom {
float:left;
clear: left;
width:100%; 
}

div.paginator-bottom-inner {
background:#EEE;
margin: 10px 0 0 0;
padding: 1px 3px;
}

div.ganaar {
	float:left;
	clear:left;
	margin-left: 3px;
	display:inline;
	}

div.pagvan {
float:right;
clear:right;
margin-right: 3px;
display:inline;
}

a.paginanummer {
display:inline;
}

div.nieuws-vakwoorden {
display:block;
padding: 3px;
margin-top: 10px;
}

div.nieuws-vakwoord {
display:block;
margin-top: 5px;
}

span.nieuws-vakwoord {
display: inline;
color:#ED1F23;
margin: 0 10px 5px 0;
font-weight: bold;
}

.nieuws-vakwoord-kopje {
font-weight: bold;
color: #004770;
display:block;

}

.content h1 a, .content h2 a, .content h3 a {
text-decoration: none;
}

div.kader {
	float:right; 
	width: 40%; 
	background-color: #F0F0F0; 
	padding: 4px; 
	margin-left: 5px; 
	margin-bottom: 5px;
	margin-top: 0;
	margin-right: 0;
	border: #999999 1px solid; 
	font-size:10px;
	line-height:120%;
	}
	
div.kader div.kop {
	text-align: right;
	display:block;
	font-weight: bold;
	margin-top: 0;
	font-size: 14px;
	color: #004770;
}

div.kader img {
	margin:5px 0;
}

div.kalenderdag {
padding-top: 16px;
text-align:center;
font-size:20px;
line-height: 21px;
}


div.kalenderdag a {
text-decoration: none;
}



h3.sneltip {
	background-color:#004770;
	color:#FFF;
	padding:0px;
	margin-bottom:3px;
	text-align:center;
}

h3.sneltip a {
	text-align:center;
	color:#FFF;
	font-size:110%;
	line-height: 110%;
	margin: 0 3px;
}

h3.sneltip a:hover {
	color:#FFCB05;
}


h3.workshop {
	background-color:#ED1F23;
	color:#FFF;
	padding:0px;
	margin-bottom:3px;
	text-align:center;
}

h3.workshop a {
	text-align:center;
	color:#FFF;
	font-size:110%;
	line-height: 110%;
	padding: 0 3px;
}

h3.workshop a:hover {
	color:#EEE;
}



div.formulier {
width: 480px;
}

div.form-regel {
margin: 0 0 5px 0;
float: left;
clear:left;
}

div.form-label {
float: left;
clear:left;
width: 110px;

}

div.form-input {
float: left;
clear:right;
width: 350px;
}


div.form-input-hangend {

margin-left: 110px;
}


.pollscore {
  height: 10px;
  margin: 1px 0;
  background-color: #ddd;
  display: block;
}

.polltitle {
	clear: left;
}

.pollscore .voorgrond {
  background-color: #004770;
  height: 10px;
  clear: left;
  float: left;
}

.poll-antwoord {
margin: 3px 0 0 0;
display: block;
padding: 2px;
}

.poll-regel {
margin: 0 0 2px 0;
float: left;
clear:left;
}

.poll-vragen {
margin: 0 0px;
}

.poll-knop {
text-align: center;
}

.poll-achtergrond {
background-image: url(../media/survey.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

.poll-button {
    float: left;
clear:left;
width: 20px;
    }
 
.poll-antwoord {
float: left;
clear:right;
width: 250px;
 }


.poll-antwoord-grijs {
margin: 3px 0 0 0;
display: block;
background-color: #F3F3F3;
padding: 2px;
}

.ciddrive-achtergrond {
background-image: url(../media/cid-drive.jpg);
background-repeat: no-repeat;
background-position: top left;
}

span.errorcolor {
	color: #FF0000;
}

div.rssicon {
	float: right;
	padding-right: 15px;
	background-image: url(../media/feed-icon-12x12.png);
	background-repeat: no-repeat;
	background-position: top right;
	line-height: 12px;
	margin-right: 5px;
	color:#ED1F23;
	font-weight: bold;
	line-height: 10px;
	font-size: 13px;
	margin: 0 7px 0 0px;
	padding: 0px 15px 4px 6px;
}

div.schatkist {
	background-color : #FFF;
	text-align : left;

}

.zoekform {
	margin : 0;
}


/*#########################################################
###                       SPONSORED LINK                      ###
#########################################################*/


a.spkop:link, a.spkop:hover, a.spkop:visited  {
	color:#004770; 
	text-decoration:none; 
	font-weight: bold; 
	font-size: 11px;
	text-decoration: none;
	display: block;
	margin-top: 5px;
	margin-bottom: 2px;
}

a.spkop:hover {
	color: #000000;
	text-decoration: underline;
	}


.sptext { 
	text-align:left;
	}
	
a.sptext:link, a.sptext:hover, a.sptext:visited {
	color:004770; 
	text-decoration:none; 
	font-weight: normal; 
}
.spdiv {
 font-size: 10px;
 line-height: 120%;
}

/* Google ads en sponsored links  */
table.adsense {border: 1px solid #283986; width: 120px; margin-top: 8px; margin-bottom: 0px; margin-left: 0px;}
a.adsense:link {font-family:verdana,arial,helvetica,sans-serif; color:#003366; text-decoration:none; font-weight: bold; font-size: 8pt; }
a.adsense:hover { color:#000000; text-decoration:none; font-weight: bold; }
a.adsense:visited { color:#003366; text-decoration:none; font-weight: bold; }
a.adtext:link {font-family:verdana,arial,helvetica,sans-serif; color:#000000; text-decoration:none; font-weight: normal; font-size: 7pt; }
a.adtext:hover { color:#000000; text-decoration:none; font-weight: normal; }
a.adtext:visited { color:#000000; text-decoration:none; font-weight: normal; }
a.adurl:link {font-family:arial,helvetica,sans-serif; color:#003366; text-decoration:none; font-weight: normal; font-size: 7pt; }
a.adurl:hover { color:#000000; text-decoration:none; font-weight: normal; }
a.adurl:visited { color:#003366; text-decoration:none; font-weight: normal; }
td.adsense_text {padding: 7px 3px 7px 3px; background: #eeeeee; }
td.adgoog {padding: 1px 1px 3px 1px; font-family:verdana,arial,helvetica,sans-serif; color:#FFFFFF; font-weight:bold; background: #283986; font-size: 8pt;  text-align: center;}