/* cross-browser verschillen elimineren  */
* { margin:0px;  padding:0px;}
/* Door de cross-browser verschillen te elimeneren dient men de witruimte van een aantal elementen te herstellen naar de oorspronkelijke staat*/
pre, blockquote, label,fieldset, address { margin:1em 5%; } 
fieldset, p { padding: .4em; } 
/* om p-tag op zelfde hoogte als headers uit te lijnen, gebruik dan deze regel:  p { padding: .5em 0px; } */

/*TEKST*/
h1, h2, h3, h4, h5, h6{ color:#707277;}
h1 {font:normal 1.7em/1.1  Verdana, Arial, Helvetica, sans-serif;}
h2 {font:normal 1.4em/1.1  Verdana, Arial, Helvetica, sans-serif;}
h3, .subtitel  {font:normal 1.2em/1.8  Verdana, Arial, Helvetica, sans-serif;}
h4 {font:bold 1.0em/1.1  Verdana, Arial, Helvetica, sans-serif;}
h5 {font:bold 0.9em/1.1  Verdana, Arial, Helvetica, sans-serif;}
h6 {font:bold 0.8em/1.1  Verdana, Arial, Helvetica, sans-serif;}

/* LINKS */
a {color:#45838D; text-decoration:none; font-weight:normal;} /*origineel  #386D72*/

a:focus, a:hover, a:active {color:#64C828; text-decoration:underline;}
body {font-family: Arial, Helvetica, sans-serif; margin-left: 0px;margin-top: 0px;margin-right: 0px;	margin-bottom: 0px;}
td, th {font-family: Arial, Helvetica, sans-serif; color:#707277; }

/*LAY-OUT*/

#header {}
#sfeerbeeld { height:140px; margin-left:0px; margin-right:0px; width:auto; background:#FFFFFF  repeat-x;}

#nieuwsbrief{float:right;  height:150px;width:160px; margin-right:0px; }

#nieuwsbriefHUB{height:130px; margin-right:0px; width:200px; }
#nieuwsform{ padding:10px 7px; color:#000; font-size:0.9em; }

#zoekform{ padding:5px 7px; color:#000; font-size:0.9em; }
#zoekHUB{height:80px; margin-right:0px; width:200px;}


#logoHUB{height:150px; margin-right:0px; width:200px;margin-bottom:100px; }

#topmenu{ height:52px; width:415px; margin-left:200px; margin-bottom:0px; padding-top:88px; }
#topmenuHub{ height:52px; width:619px; margin-left:200px; margin-bottom:0px; padding-top:88px; }
#topnav{ height:50px;}
#midden {clear:both;}
#container {}
#inhoud{padding-left:200px; }
#menu{float:left; background-color:#fff; width:200px; margin-left:0px;}
#submenu { width:154px; float:right; padding-left:5px; font-size:70%; border-left:1px #C9D3D6 solid; border-collapse:collapse;}
#submenu ul {list-style: none; }
#submenu li {margin-top: 8px; }
#footer { background-color:#FFFFFF; clear:both; border-bottom: 1px solid #C9D3D6; border-top: 1px solid #C9D3D6; text-align:center; font-size:75%; color:#000; width:100%; }
#tekst {padding:15px 15px 15px 0px; color:#707277;}
#tekst p { padding:.4em .0em;} 
#tekst a { font-weight:700;}
#center {border-right:1px solid #C9D3D6; margin-right:159px; }
.smallnieuwsbrief {font-size:70%}
#image{ float:left;width:120px; margin-right:15px; margin-top:5px; color:#386D72; font-size:70%; }
#image img {margin-bottom:5px;}
#content { font-size:90%}
#content li, dd { margin-left:2%; list-style:square; }
#content ul, ol, dl, { margin:0.8em 2%; } 
#broodkruimels {font-size:.7em; margin-bottom:15px;}
#broodkruimels a, #broodkruimels a:visited, #broodkruimels a:active {color:#52A321; text-decoration:none;}
#broodkruimels a:hover {color:#52A321; text-decoration:underline;}
#logo { float:left; width:187px; height:150px; padding-left:9px; margin-top:0px; left:0px; top:0px; }
#banner {background-color:#A2A598; height:50px; color:#FFFFFF; font-weight:700; padding:0px 0px 0px 5px;clear:both;}
#banner-rechts { background-color:#707277; height:50px; color:#FFFFFF; font-weight:700; width:160px; float:right; border-left:1px solid #C9D3D6;  font-size:90%;}
#banner-rechts a {color:#FFFFFF;}
#banner-links { float:left; margin-top:5px; }
#banner-links img { margin:0px 15px 5px 5px }
#banner-links a, {color:#000000; }
#banner-rechts-in { padding:5px;}
.teaser { font-size:75%; color: #E4EDED; font-weight:normal;}
.teaserSide { font-size:80%; color: #999999; font-weight:normal;}


/*BLOKKEN MENU */
#menuHZ {list-style-type:none; margin:0px; padding:0;}
#menuHZ li {float:left; padding:0; margin:0px; position:relative; width:102px; height:50px; z-index:100;}
#menuHZ li dl {position:absolute; top:-10px; left:0;}*/
#menuHZ li a, #menuHZ li a:visited {text-decoration:none; font-size:75%;}
#menuHZ li dd {display:none;}
#menuHZ li:hover, #menuHZ li a:hover {border:0;}
#menuHZ li:hover dd, #menuHZ li a:hover dd {display:block;}
#menuHZ li:hover dl, #menuHZ li a:hover dl {padding-bottom:1px;}
#menuHZ table {border-collapse:collapse; padding:0; margin:-1px; font-size:0.9em;}
#menuHZ dl {width: 102px; margin: 0; padding: 0; text-align:center; cursor:pointer;}
#menuHZ dt {margin:0; padding: 0px; font-size: 1.0em; color: #fff; }
#menuHZ dd {margin:0; padding:0; color: #fff; font-size: 1em; background: #47a; text-align:left;}
/*economie*/
.galleryrood dt a, .galleryrood dt a:visited {display:block; color:#45838D; font-size:0.7em; }
.galleryrood dd a, .galleryrood dd a:visited {color:#45838D; font-size:0.7em; text-decoration:none; width:200px; display:block; padding:1px 2px 2px 2px; border-bottom:1px solid #ffffff; background-color: #EDB980;}
.galleryrood dd a:hover {background-color:#F68F1E; color:#fff;  border-bottom:1px solid #ffffff; } 
/*gezondheidszorg*/
.galleryoranje dt a, .galleryoranje dt a:visited {display:block; color:#45838D; font-size:0.7em;  }
.galleryoranje dd a, .galleryoranje dd a:visited {color:#45838D; font-size:0.7em; text-decoration:none; width:200px; display:block; padding:1px 2px 2px 2px; border-bottom:1px solid #ffffff; background-color: #E2F0F5;}
.galleryoranje dd a:hover {background-color: #00AEDB; color:#fff;  border-bottom:1px solid #ffffff; } 
/*leraren*/
.galleryviesblauw dt a, .galleryviesblauw dt a:visited {display:block; color:#45838D; font-size:0.7em;  }
.galleryviesblauw dd a, .galleryviesblauw dd a:visited {color:#45838D; font-size:0.7em; text-decoration:none; width:200px; display:block; padding:1px 2px 2px 2px; border-bottom:1px solid #ffffff; background-color: #9BD6EC;}
.galleryviesblauw dd a:hover {background-color: #00718F; color:#fff;  border-bottom:1px solid #ffffff; } 
/*sociaal*/
.galleryblauw dt a, .galleryblauw dt a:visited {display:block; color:#45838D; font-size:0.7em; }
.galleryblauw dd a, .galleryblauw dd a:visited {color:#45838D; font-size:0.7em;  text-decoration:none; width:200px; display:block; padding:1px 2px 2px 2px; border-bottom:1px solid #ffffff; background-color: #DABED7;}
.galleryblauw dd a:hover {background-color:#BF82B9; color:#fff;  border-bottom:1px solid #ffffff; } 
.wit{color:#fff; font-weight:700; }

/*taal*/
.gallerypaars dt a, .gallerypaars dt a:visited {display:block; color:#45838D; font-size:0.7em;  }
.gallerypaars dd a, .gallerypaars dd a:visited {color:#45838D; font-size:0.7em; text-decoration:none; width:200px; display:block; padding:1px 2px 2px 2px; border-bottom:1px solid #ffffff; background-color: #EF71BB;  }
.gallerypaars dd a:hover {background-color: #EC068D; color:#fff;  border-bottom:1px solid #ffffff; } 

/*rechten*/
.gallerylilla dt a, .gallerylilla dt a:visited {display:block; color:#45838D; font-size:0.7em; }
.gallerylilla dd a, .gallerylilla dd a:visited {color:#45838D; font-size:0.7em;  text-decoration:none; width:200px; display:block; padding:1px 2px 2px 2px; border-bottom:1px solid #ffffff; background-color: #C68BAA;  }
.gallerylilla dd a:hover {background-color: #CA006B; color:#fff;  border-bottom:1px solid #ffffff; } 


.wit{color:#fff; font-weight:700; }
a.invert {background-color:#7396CA; color: #FFFFFF; font-weight:bold; text-decoration:none; }
a.invert:hover {background-color:#333333; color:#FFFFFF; text-decoration:none; }	
a.black, a.black:hover, a.black:visited, a.black:active {color:#000000; font-size:110%;}

/*CSS VORIGE SITE*/
.aandacht { font-weight:bold; color:#004080 ; font-size:16px;}
#tablelook { border: 1px solid #757D86;}
td.top {background-color: #757D86; font-weight: bold; color: #FFFFFF; padding: 2px; border-bottom: 1px solid #757D86;}
td.top2 {background-color: #C6C8CE; font-weight: bold; color: #000000; padding: 2px; border-bottom: 1px solid #757D86;}
td.info {color: :#707277; background-color: #FFFFFF; padding-top:2px; padding-bottom:2px; padding-left:5px; padding-right:5px; border-bottom: solid 1px #757D86;}
td.info2 { color: :#707277;background-color: #E8E8E8; padding-top:2px; padding-bottom:2px; padding-left:5px; padding-right:5px; border-bottom: solid 1px #757D86;}
.pict {margin:5px 15px 5px 0px;}
.KLEUR-LICHT {background-color:#E8E8E8;}
.KLEUR-DONKER {background-color:#C6C8CE;color:#FFFFFF;}
.KLEUR-GRIJS {background-color:#D1D3D8;}
.TABEL {background-color:#FFF;border: 1px solid #757D86;}
.TABEL td {color: :#707277; padding-top:2px; padding-bottom:2px; padding-left:5px; padding-right:5px; border-bottom: solid 1px #757D86;}
.TABEL th {background-color: #757D86; font-weight: bold; color: #FFFFFF; padding: 2px; border-bottom: 1px solid #757D86; text-align:left;}
#stappen {border: 1px solid #c7d1d1; padding:5px; background-color:#f1f1f1; margin-right:5px; margin-top:5px }
.tabelpadding td, .tabelpadding th {padding:2px;} 


/*NIEUWSTICKER*/
.contentslide {padding: 2px;height: 59px;}
.contentslide .contentdiv{display: none;}
.pagination {width: 0px; padding: 0px; height:0px;}

.complex td {padding:2px;}
.complex img {margin-right:6px; margin-top:10px;}