
body {
	font-family: Arial,Verdana,Helvetica,Arial,sans-serif;
	font-size: 12px;
	line-height: 1.5;
	padding:0;
	margin:0;
	color: #444444;
	background-color: #FAFAFA;
}

.core {
	margin-left:auto;	
	margin-right: auto;
}

.contentswidth {
	width: 847px;
	display:block;
	margin-left:auto;	
	margin-right: auto;


}


.header {

	background-repeat:repeat-x;
	height: 130px;
}

.top {

	background-color: #FFFFFF;
}



.header .logo {
	margin-top: 10px;
	float:left;
}



.header .subtitle  {
	margin-top: 30px;
	float:right; 
}

.maincontent {
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 20px;

}




.maincontentsub {
	padding: 15px;
}


.menu {
	float:left;
	height: 40px;
	margin-left: 30px;
	margin-bottom: 20px;
	margin-top: 50px;
	width: 665px;
	background-image: url(../images/menubg.jpg);	
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;

}



.menu .menuItem {

	float:left;


}

.menu .menuItem_thuis,.menu .menuItem_bedrijven,.menu .menuItem_scholen {
	background-image: url(../images/menubg_dark.jpg);	
}




.menu a {
	font-weight: bold;	

	color: #444444;
	height:30px;
	padding-top: 10px;
	padding-left:15px;
	padding-right:15px;
	opacity:0.7;
	filter:alpha(opacity=70);
	font-family:Arial,Helvetica;
	font-size: 13px;
	float:left;

}

.menu  a:hover {
	color: #000000;
}

.menu .menuItem_thuis a {
	background-color: #a6e131;
	color: #FFFFFF;

}
.menu .menuItem_thuis a:hover {
	color: #EEEEEE;	
}

.menu .menuItem_bedrijven a {
	background-color: #459dd3;
	color: #FFFFFF;
}
.menu .menuItem_bedrijven a:hover {
	color: #EEEEEE;	
}


.menu .menuItem_scholen a {
	background-color: #e70e19;
	color: #FFFFFF;
}
.menu .menuItem_scholen a:hover {
	color: #EEEEEE;	
}

.menu a:hover {
	text-decoration: none;		
}




.menu .menuItemSelected {
	background-color: #F1F1F1;
}


.footer {
	clear:both;

	padding-top: 5px;
	padding-bottom: 20px;
	font-size: 10px;
	color: #444444;
	
}
.footer .left {
	float:left;
}

.footer .right {
	float:right;
}



a {
	color: #0F55A3;
	text-decoration:none;

}

a:hover {
	text-decoration: underline;

}

h1,h2,h3 {
	font-family: Verdana, Helvetica;
		
}

h1 {
	font-size: 22px;
	font-weight: bold;		
}

h2 {
	font-weight:normal;
	font-size: 18px;
	padding:0;
	margin:0px;
	margin-bottom: 8px;
	
}

h3 {

	font-size: 14px;
	margin:0;
	padding:0;
	margin-bottom: 10px;

}




h4,h4 a,h4 a:visited {
	font-weight: bold;
	font-size: 14px;

	margin:0;
	padding:0;
	padding-bottom: 5px;

}


a img {
	border:0;
}



ul {
	list-style-position: outside;
	list-style-type: disc;
  margin:0px;
  margin-top: 10px;
  margin-left:20px;
  padding:0px;
}
ul li {
  padding-bottom: 6px;
}

ul.compact {
	list-style-position: inside;
	list-style-type: disc;
	margin-left: 0px;
	padding-left: 10px;
margin:0;
  margin-top: 5px;
  margin-bottom: 5px;
}
ul.compact li {
  margin:0;
	padding: 0px;
}


/* Boxes */


div.errorbox,div.infobox,div.okbox {


	margin-bottom: 15px;
	padding: 10px;

	padding-top: 15px;
	padding-left: 60px;	
	background-position: 10px 10px;	
	background-repeat: no-repeat;	

	vertical-align: bottom;

	min-height: 45px;
	height: auto;
}



div.errorbox {
	background-image: url(../images/icos/error.gif);
}

div.infobox {
	background-image: url(../images/icos/info.gif);

}

div.okbox {
	background-image: url(../images/icos/ok.gif);
}




/*\*/
* html div.errorbox {
	height: 46px;
}
/**/

/*\*/
* html div.infobox {
	height: 46px;
}
/**/

/*\*/
* html div.okbox {
	height: 46px;
}
/**/




/* table */

table.table {
		
}

table.box table.table {
	border: 0;
}


table.box table.table tr.legend td {
	border-top-color: #eeeeee;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
}


table.table tr td {
	padding: 7px;


	border-bottom-color: #eeeeee;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	text-align: left;
}

table.table tr td.bold {
	font-weight:bold;
	color:#666666;

}


table.table tr.legend {
	font-weight: bold;
	color: #444444;
	background-color: #efefef;
	

	
}

table.table tr.legend td {

}



table.table tr.row1 {

}
table.table tr.row0 {


}
table.table tr.rowlast td {
	border-bottom-width: 0px;
}



/* form */



div.inputstyle input, form.frm table input,form.frm table select,form.frm table textarea {
	width: 160px;
	padding: 3px;
	font-size: 11px;
}

form.frm div.alert {
	color: red;

}



form.frm div.alert select, form.frm div.alert input,form.frm div.alert textarea {
	border-color:red;
}

form.frm div.title {
	font-weight: bold;
	background-color: #EFEFEF;
	padding: 5px;
}


div.buttonrow {
	text-align: center;
	
	background-color: #f4f4f4;
	padding: 7px;		
	
	
	border: 1px solid #CDCDCD;
}



form.frm div.tooltip {
	display:inline;
}

form.frm div.tooltip div {
	background-image: url(../images/icos/help.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding: 5px;	
	padding-left: 60px;
	width: 160px;
	height: 90px;

	text-align:justify;
	border-width: 1px;
	border-color:  #C0C0C0;
	border-style:solid;	
	background-color: #FFFFFF;


	Z-index: 500;
	display:none;
	position: absolute;
	top: 0px;
	left: 0px;

}	

.button_m {

	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
	
}

/* ############## CONTENTSMAIN ############ */


.linkmore {
	display:block;
	padding-top: 5px;
	background-image: url('../images/arrowright.gif');	
	background-repeat:no-repeat;
	padding-left: 20px;
	background-position: 0px 11px;
}


.box {
	text-align:justify;
	width: 390px;
	display:block;
	padding-bottom: 30px;
}

.boxleft {
	float:left;
}

.boxright {
	float:right;
}


.clearmargin {
	clear:both;
	padding: 10px;
}



a.buttonright {
	padding-left:20px;
	padding-top: 5px;
	width: 126px;
	height: 27px;
	float:right;
	display:block;
}



.targetgroups .item {
	height: 105px;	
	clear:left;
	margin-top: 10px;
  padding-right: 10px;
}

.targetgroups .item img {
	float:left;
	margin-top:0px;
	margin-bottom:10px;
	margin-right: 10px;
}

.targetgroups .title {
	padding-top: 6px;
	font-weight:bold;
	
}

.targetgroups .description {
	font-size: 11px;
	padding-top: 4px;
	padding-right: 5px;

}

.targetgroups .linkmore {
	font-size: 11px;
}

.footer {
	background-color: #EFEFEF; 
	padding:10px;
	color: #FFFFFF;
}

.footer a {
	color: #FFFFFF;

}

.bordercont {
	border-top: 3px solid #3394d8;
}



/* Page specific */

.scholen {
	background-image:url(../images/scholen_bg.jpg);
}

.scholen .footer {
	background-color: #f22c2a; 
}

.scholen h2 {
	color: #e70e19;
}

.scholen .maincontent {
	background-image: url(../images/scholen_bgbox.jpg);
	background-repeat:repeat-x;
	
}





.bedrijven{
	background-image:url(../images/bedrijven_bg.jpg);
}

.bedrijven .maincontent {
	background-image: url(../images/bedrijven_bgbox.jpg);
	background-repeat:repeat-x;
	
}

.bedrijven .footer {
	background-color: #4cabef;
}

.bedrijven h2 {
	color: #459dd3;
}

.bedrijven .maincontent {
	background-image: url(../images/bedrijven_bgbox.jpg);
	background-repeat:repeat-x;
}





.thuis .footer,.adhd .footer, .borderline .footer, .autisme .footer {
	background-color: #a6e131; 
}

.thuis,.adhd, .borderline , .autisme  {
	background-image:url(../images/thuis_bg.jpg);
}

.thuis .maincontent,.adhd .maincontent, .borderline .maincontent, .autisme .maincontent { 
	background-image: url(../images/thuis_bgbox.jpg);
	background-repeat:repeat-x;
}


.thuis h2,.adhd h2, .borderline h2, .autisme h2  {

	color: #649404;
}

.thuis .info .item {
  padding: 10px;
  background-color: #d9e3d0;

  	background-color: #FFFFFF;
  		background-image: url(../images/thuis_bginfo.jpg);
	background-repeat:repeat-x;
  height: 200px;
  float:left;
  display:block;
  margin-right:10px;
  width: 240px;
}

.thuis .info .last {
  margin-right:0px;
}

.thuis .info .item  .desc {
  height: 140px;
  display:block;
}

.thuis .info .item a {
  float:right;
  clear:both;
  	padding-top: 0px;
  	padding-right: 20px;
	background-image: url('../images/arrowright.gif');	
	background-repeat:no-repeat;
	background-position: right;

}
.over {
	background-image:url(../images/over_bg.jpg);
}

.over .footer {
	background-color: #f69629; 
}

.contact {
	background-image:url(../images/over_bg.jpg);
}

.contact .footer {
	background-color: #f69629; 
}


.home .footer {
  color: #333333;
}
.home .footer a {
  color: #333333;
}

.home .intro b {
  color: #555555;
}

.contact .map {
	width:300px;
	height: 300px;
	margin-top: 30px;
}

.gradientbottom {	
	border-top: 1px solid #CCCCCC;	
	background-image:url(../images/gradientbottom.jpg);

}


