@charset "UTF-8";

/*************************************************/
/*                    RESET                      */
/*************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th
{
	margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;
	font-size:100%;font-family:inherit;vertical-align:baseline;list-style-type: none;
}
img { vertical-align: bottom }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: 0; }
* {	margin: 0;}


/*************************************************/
/*                   DEFAULT                     */
/*************************************************/
html                    { font: 63%/150% Arial, Helvetica, sans-serif; }

abbr                    { border-bottom: dotted 1px; border-color: inherit; cursor: help; }
address                 { margin: 1em 0; font-style: normal; }
.displayNone            { display: none; }
.hidden                 { position: absolute; left: -999em; }
.clear                  { display: block; clear: both; height: 1px; line-height: 1px; font-size: 1px; }
.imglinks               { float:left;padding:0 6px 6px 0 }  
.imgrechts              { float:right;padding:0 0 6px 6px }  

/* * * * * *  Headings  * * * * * */
h1, h2, h3, h4, h5, h6  { margin: 0px 0 10px; font-size: 1em; }
h1                      { font-size: 2em; font-weight: bold; }
h2                      { font-size: 1.5em; font-weight: bold; }
h3                      { font-size: 1.3em; font-weight: bold; }
h4                      { font-size: 1.25em; font-weight: bold; }
h5                      { font-size: 1.20em; font-weight: bold; }
h6                      { font-size: 1.05em; font-weight: bold; }

/* * * * * *  Lists  * * * * * */
ul                      { margin: 1em 0; padding: 0; list-style: none; }
ul li                   { list-style: none;  }
ol                      { margin: 1em 0 1em 2em; padding: 0; }

/* * * * * *  Links  * * * * * */
a                       { color: #444444; text-decoration: underline; }
a:hover                 { color: #7F7F7F; }

/* * * * * *  Images  * * * * * */
img                     { border: none; }


/*************************************************/
/*                WEBSITE STYLES                 */
/*************************************************/

/* * * * * *  html 5 fix  * * * * * */
section, article, header, footer, nav, aside, hgroup { display: block; } 

/* * * * * *  layout  * * * * * */
html { margin: 0; padding: 0; color: #444444	;  }
body { margin: 0; padding: 0; }
.page { }
.wrapper { width:966px; margin: 0 auto; }
.header { position:relative;height:365px;background:url(../img/img_site/bg_headerhome.jpg) no-repeat left top; }
.headervervolg { position:relative;height:157px;background:url(../img/img_site/bg_headerright.png) no-repeat right top; }
.headerinactive { background:none !important; }
.footer { clear:both;position:relative;padding:10px 0 70px 0; }

/* * * * * *  maincontainer  * * * * * */
.maincontainer { background:#90d307;*min-height:1%;padding:0px !important; }
.maincontainervervolg { background:#737373;*min-height:1%;padding:0px !important; }
.mainbg { *min-height:1%; }
.pagepaars .mainbg { background:url(../img/img_site/bg_mainpaars.jpg) repeat-y left top;margin:0 0 32px; }
.pagegrijs .mainbg { background:url(../img/img_site/bg_maingrijs.jpg) repeat-y left top;margin:0 0 32px; }
.pagegroen .mainbg { background:url(../img/img_site/bg_maingroen.jpg) repeat-y left top;margin:0 0 32px; }
.pageblauw .mainbg { background:url(../img/img_site/bg_mainblauw.jpg) repeat-y left top;margin:0 0 32px; }

/* * * * * *  layout normal  * * * * * */
.maincontainer .colleft {  float:left; width:164px; }
.maincontainer .main { float:right; width:783px;background:#fff;margin:0 19px 16px 0; }
.maincontainer .main .content_container { width:432px;float:left;padding:36px 32px 64px 85px; }
.maincontainer .main .colright { width:234px;float:right;display:block;padding:0 0 70px; }

/* * * * * *  layout vervolg  * * * * * */
.maincontainervervolg .colleft { float:left;width:299px; }
.maincontainervervolg .main { float:right; width:648px;background:#fff;margin:0 19px 33px 0; }
.maincontainervervolg .main .content_container { position:relative;width:377px;float:left;padding:43px 17px 0px 21px; }
.maincontainervervolg .main .colright { width:233px;float:right;display:block;padding:17px 0 70px; }
.maincontainervervolg .mainbreed .content_container { width:610px !important; }

/*************************************************/
/*                     HEADER                    */
/*************************************************/

/* * * * * *  Logo  * * * * * */
.header .logo { position:absolute;left:93px;top:30px; }
.headervervolg .logo { position:absolute;left:83px;top:13px; }

.header .sloganhome { position:absolute;left:250px;top:365px; }

/* * * * * *  zoeken  * * * * * */
.zoeken { position:absolute;left:528px;top:16px; }
.zoeken input { font-size:1.1em;width:134px;border:0px;height:24px;line-height:24px;padding:0 30px 0 5px;color:#6f6f6f; }
.zoeken a { position:absolute;right:10px;top:4px; }
.headervervolg .zoeken input { background:url(../img/img_site/bg_zoeken.jpg) no-repeat left top; }

/* * * * * *  mijn thuis  * * * * * */
.mijnthuis { position:absolute;right:8px;top:15px; }

/* * * * * *  algemene info  * * * * * */
.header .algemeneinfo { color:#fff;text-decoration:none;font-size:1.2em;background:#808080 url(../img/img_site/btn_algemeneinfo.png) no-repeat left top;display:block;padding:13px;width:216px;min-height:37px;position:absolute;top:119px;right:8px; } 
.header .algemeneinfo span { font-size:1.42em;letter-spacing:0.05em;margin:9px 0 0 0;display:block;font-weight:bold; } 

/* * * * * *  Nieuws home  * * * * * */
.header .nieuwshome { padding:17px;background:url(../img/img_site/bg_nieuws_repeat.png) repeat-y left top;display:block;width:208px;min-height:124px;position:absolute;top:191px;right:8px; }
.header .nieuwshome .actueel { display:block;margin: 0 0 11px; }
.header .nieuwshome .nieuwstitle { font-size:1.4em;font-weight:bold;color:#444444;display:block;margin: 0 0 2px; }
.header .nieuwshome p { font-size:1.1em;margin:0px !important;color:#444444;line-height:1.36em; }

/* * * * * *  lettervergroting  * * * * * */
.lettervergroting { position:absolute;left:715px;top:16px; }
.lettervergroting a { font-size:1.1em;text-decoration:none;color:#444444;font-weight:bold;cursor:pointer; }
.lettervergroting a:hover { text-decoration:underline; }
.lettervergroting .fontsmall { font-size:1.4em;text-decoration:none;font-weight:normal; }
.lettervergroting .fontbig { font-size:1.8em;text-decoration:none;font-weight:normal; }

/* * * * * *  Header Navigatie horizontaal  * * * * * */
.header ul.hor_navlist { position:absolute;top:165px;width:327px;height:201px;margin:0 0 0 0px;background:url(../img/img_site/bg_hfdmenu.png) no-repeat left top; }
.header ul.hor_navlist li { list-style-type:none;margin:0 0 13px;  }
.header ul.hor_navlist li a { text-decoration:none;line-height:58px;font-size:1.9em;letter-spacing:0.05em;color:#fff;text-transform:uppercase;font-weight:bold;padding:0 0 0 14px;display:block; }
.header ul.hor_navlist li a.paars { width:285px; }
.header ul.hor_navlist li a.groen { width:220px; }
.header ul.hor_navlist li a.blauw { width:150px; }

/* * * * * *  Headervervolg Navigatie horizontaal  * * * * * */
.headervervolg ul.hor_navlist { position:absolute;top:101px;width:946px;height:43px;left:0px;margin:0 0 0 0;padding:13px 20px 0 0;background:#990099;display:block;text-align:right; }
.headervervolg ul.hor_navlist li { vertical-align:top;text-align:left;margin:0 0 0 33px;list-style-type:none; display:inline-block;*display:inline;*zoom:1; }
.headervervolg ul.hor_navlist li a { text-decoration:none;line-height:56px;font-size:1.2em;line-height:1.5em;color:#fff;text-transform:lowercase;font-weight:bold;display:block; }
.headervervolg ul.hor_navlist li.horactive a { color:#fff; }
.headervervolg ul.hor_navlist li a:hover { color:#CECECE; }
   
 /* * * * * *  Navigatie per kleur aanpassingen * * * * * */
 .pagegrijs .headervervolg ul.hor_navlist { background:#666666; }
 .pagegroen .headervervolg ul.hor_navlist { background:#99cc00; }
 .pageblauw .headervervolg ul.hor_navlist { background:#0099CC; }
 
/*************************************************/
/*                   COL LEFT                    */
/*************************************************/

/* * * * * *  Colleft styles  * * * * * */
.colleft .navtitle { color:#fff;font-weight:bold;text-transform:uppercase;font-size:1.4em;margin:37px 20px 8px 30px;display:block; }
.colleft p { color:#fff;font-size:1.2em;line-height:1.45em;margin:0 20px 25px 30px; }
.pagegroen .colleft .navtitle { color:#4d4d4d; }
.pageblauw .colleft .navtitle { color:#4d4d4d; }


.colleft .leftbloktxt { min-height:172px; } 

/* * * * * *  Kleur aanpassingen  * * * * * */
.pagegrijs .colleft p { color:#fff; }
.pagegroen .colleft p { color:#4d4d4d; }
.pageblauw .colleft p { color:#4d4d4d; }

/* * * * * *  Navigatie verticaal * * * * * */
ul.navlist { margin:0 0 30px;width:299px; }
ul.navlist li { list-style:none;}
ul.navlist li a { color:#fff;display:block;padding:0 0 0 49px;font-weight:bold;font-size:1.3em;line-height:1.92em;text-decoration:none; }
ul.navlist li a:hover { color:#9B3A92; } 
ul.navlist li.active a { background:url(../img/img_site/bg_navactive.png) no-repeat 33px 7px; }

ul.navlist li.active ul.subnavlist { background:#990099;padding:14px 0 11px 0;margin:0 0 5px; }
ul.navlist li.active ul.subnavlist li { border-bottom:1px solid #fff;padding:0 0 0 16px; }
ul.navlist li.active ul.subnavlist li.subnavlast { border:0px;padding:0 0 0 16px; }
ul.navlist li.active ul.subnavlist li a { background:none;font-weight:normal;font-size:1.3em;line-height:1.81em; }
ul.navlist li.active ul.subnavlist li a:hover { color:#C06EB8; }
ul.navlist li.active ul.subnavlist li.subactive a { background:url(../img/img_site/bg_subnavactive.png) no-repeat 245px 4px; }

/* * * * * *  Navigatie per kleur aanpassingen * * * * * */
.pagegrijs ul.navlist li a { color:#fff; } 
.pagegrijs ul.navlist li a:hover { color:#8C8C8C; } 
.pagegrijs ul.navlist li.active ul.subnavlist { background:#666666; } 
.pagegrijs ul.navlist li.active ul.subnavlist li a  { color:#fff; } 
.pagegrijs ul.navlist li.active ul.subnavlist li a:hover  { color:#8C8C8C; } 
.pagegroen ul.navlist li a { color:#4d4d4d; } 
.pagegroen ul.navlist li a:hover  { color:#8C8C8C; } 
.pagegroen ul.navlist li.active ul.subnavlist { background:#99cc00; } 
.pagegroen ul.navlist li.active ul.subnavlist li a  { color:#565555; } 
.pagegroen ul.navlist li.active ul.subnavlist li a:hover  { color:#8C8C8C; } 
.pageblauw ul.navlist li a { color:#4d4d4d; } 
.pageblauw ul.navlist li a:hover  { color:#00A1C4; } 
.pageblauw ul.navlist li.active ul.subnavlist { background:#0099CC; } 
.pageblauw ul.navlist li.active ul.subnavlist li a  { color:#4d4d4d; } 
.pageblauw ul.navlist li.active ul.subnavlist li a:hover  { color:#67c7db; } 
	

/*************************************************/
/*                    CONTENT                    */
/*************************************************/

.contenthome { padding-top:64px !important; }

/* * * * * *  Header content  * * * * * */
.headercontent { width:658px;height:190px;position:relative; }

/* * * * * *  Nieuws home  * * * * * */
.headercontent .nieuwsvervolg { padding:16px;background:url(../img/img_site/bg_nieuws_repeat.png) repeat-y left top;display:block;width:208px;min-height:126px;position:absolute;top:32px;right:0px; }
.headercontent .nieuwsvervolg .actueel { display:block;margin: 0 0 11px; }
.headercontent .nieuwsvervolg .nieuwstitle { font-size:1.4em;font-weight:bold;color:#444444;display:block;margin: 0 0 2px; }
.headercontent .nieuwsvervolg p { font-size:1.1em;margin:0px !important;color:#444444;line-height:1.36em; }

/* * * * * *  Content styles  * * * * * */
.content h1 { font-size:1.40em;color:#444444;margin:0 0 11px;line-height:1.36em; }
.content h2 { font-size:1.40em;color:#444444;margin:0 0 6px; line-height:1.36em;}
.content h3 { font-size:1.30em;color:#444444;margin:0 0 13px;line-height:1.36em; }
.content h4 { font-size:1.20em;color:#444444;margin:0 0 13px;line-height:1.36em; }
.content h5 { font-size:1.10em;color:#444444;margin:0 0 13px;line-height:1.36em; }
.content h6 { font-size:1.10em;color:#444444;margin:0 0 13px;line-height:1.36em; }
.content p { color:#444444;font-size:1.10em;line-height:1.55em;margin:0 0 15px; }
.content ul { margin:0 0 17px 17px;; }
.content ul li {  list-style:disc;font-size:1.10em;line-height:1.36em;color:#484848;  }
.content ul li ul { margin:0 0 0 15px; }
.content ul li ul li { font-size:1em;line-height:1.36em;color:#484848;  }
.content ol { margin:0 0 17px 19px;; }
.content ol li {  list-style:decimal;font-size:1.10em;line-height:1.36em;color:#484848;  }
.content table { width:100%;cellspacing:0px;cellpadding:0px;border:0px;margin:0 0 20px; }
.content td { font-size:1.10em;line-height:1.36em;color:#484848; }
.content td ul li { font-size:1em;line-height:1.36em;color:#484848; }
.content .imglinks { float:left;margin:6px 6px 6px 1px; }
.content .imgrechts {  float:right;margin:6px 1px 6px 6px; }
.content .big { font-size:1.82em;font-weight:bold; }

#item_table { margin:0px !important; }
#item_table table { margin:0px !important; }

/* * * * * *  Service content  * * * * * */
.servicecontent  { position:absolute;top:18px;right:20px; }
.servicecontent  a { cursor:pointer;display:block;padding:0 20px 0 0;margin:0 0 5px;height:11px;color:#908f8f; }
.servicecontent .afdrukken { background:url(../img/img_site/icon_printcontent.png) no-repeat right top; }
.servicecontent .stuurdoor { background:url(../img/img_site/icon_stuurdoor.png) no-repeat right top; }

/* * * * * *  Box table  * * * * * */
.box_table {   width:98%; }
.box_table a:hover{  color:#0195e7;}
.box_table img {  border:0;}
.row1, .row2 {  width:100%;  height:100px;    margin-bottom:10px; }
.row2 {  background-color:#F2F2F2;}
.row1 .box_img , .row2 .box_img {  width:150px;  padding-bottom:10px;  padding-top:10px; padding:10px 12px 10px 12px;  border-bottom:1px dotted #000; }
.row1 .box_content, .row2 .box_content {  vertical-align:top;  padding:7px 24px 7px 0px;  border-bottom:1px dotted #000; }
.first {  border-top:1px dotted #000; }
.box_table_small {  width:98%; }
.box_table_small a:hover{  color:#0195e7;} 
.box_table_small img {  border:0; } 
.box_table_small td {  padding:4px; }
.box_table_small p {  margin:0;  padding:0; }
.row4 {  background-color:#F2F2F2;}
.row3 .box_content, .row4 .box_content {  vertical-align:top;  border-bottom:1px dotted #000; }


#map_wst { margin:15px 0 0 -290px; }

/*************************************************/
/*                   COL RIGHT                   */
/*************************************************/

/* * * * * *  Box paars  * * * * * */
.colright .boxpaars { color:#fff;margin:5px 0 0 3px;background:url(../img/img_site/bg_boxpaars.png) no-repeat left top;width:242px;height:120px;  }
.colright .boxpaars  a { color:#fff;font-size:1.1em;display:block;line-height:23px;padding:30px 0 0 17px;text-decoration:none; }
.colright .boxpaars  a .boxbig { display:block;letter-spacing:0.05em;font-weight:bold;font-size:1.42em;line-height:1em;margin:0px;padding:4px 0 4px 0; }
.colright .boxpaars  a .boxmiddle { font-size:1.33em; }

/* * * * * *  Box grijs  * * * * * */
.colright .boxgrijs { color:#fff;margin:8px 0 0 3px;background:url(../img/img_site/bg_boxgrijs.png) no-repeat left top;width:242px;height:104px;  }
.colright .boxgrijs  a { color:#fff;font-size:1.1em;display:block;line-height:20px;padding:27px 0 0 17px;text-decoration:none; }
.colright .boxgrijs  a .boxbig { display:block;letter-spacing:0.05em;font-weight:bold;font-size:1.42em;line-height:1em;padding:4px 0 4px 0; }
.colright .boxgrijs  a .boxmiddle { font-size:1.33em; }

/* * * * * *  Box groen  * * * * * */
.colright .boxgroen { color:#fff;margin:8px 0 0 3px;background:url(../img/img_site/bg_boxgroen.png) no-repeat left top;width:242px;height:120px;  }
.colright .boxgroen  a { color:#fff;font-size:1.1em;display:block;line-height:23px;padding:32px 0 0 17px;text-decoration:none; }
.colright .boxgroen  a .boxbig { display:block;letter-spacing:0.05em;font-weight:bold;font-size:1.42em;padding:0 0 3px; }
.colright .boxgroen  a .boxmiddle { font-size:1.33em; }


/*************************************************/
/*                     FOOTER                    */
/*************************************************/

.footer a { color:#9f9f9f; }
.footer a:hover { color:#444; }

/* * * * * *  Service  * * * * * */
.footer .service { width:476px;font-size:1.1em;color:#9f9f9f;float:left; }

/* * * * * *  Realisatie  * * * * * */
.footer .realisatie { float:right;font-size:1.1em;color:#9f9f9f; }

.footer .sloganfooter { position:absolute;left:321px;top:-38px; } 

/*************************************************/
/*                   FORMULIER                   */
/*************************************************/
.letsform { width:380px;position:relative;float:left; } 
.letsform p { font-size:11px;line-height:14px;padding:0px;margin:0px;color:#333333; }
.letsform fieldset { border:0px dashed #a7c1df;padding:0px;margin:0px; }
.letsform legend { color:#333333;font-size:1.1em;font-weight:bold;*margin:0 0 0 -7px; }
.letsform p.description { font-style:italic;padding:10px 0;color:#333333; }
.letsform .forminputswitch { display:block;clear:both;padding:5px 0;position:relative; }
.letsform .formlabel { vertical-align:top;padding:0px;margin:0px;padding:0 10px 4px 0;display:block;font-weight:bold; }
.letsform .textfield { background:#fff;color:#000;width:258px;border:1px solid #BABABA;font-family:Arial;font-size:12px;padding:4px; }
.letsform .textarea {  background:#fff;color:#000;width:258px;border:1px solid #BABABA;height:130px;font-family:Arial;font-size:12px;padding:4px; }
.letsform span.checkbox label { color:#333333;display:block; }
.letsform span.checkbox input { margin-bottom:5px; }
.letsform span.radio label { color:#333333;display:block; }
.letsform span.radio input { margin-bottom:5px; }
.letsform .select { width:258px;color:#333333;font-size:11px;border:1px solid grey; }
.letsform .subtitel { display:block;padding-top:5px;color:#333333;padding-top:20px;font-weight:bold; }
.letsform .tekst { display:block;padding:10px 0;color:#333333; }
.letsform .file {}
.letsform .date {}
.letsform .date select{ margin-right:5px;border:1px solid grey; }
.letsform .date .calendardateinputday { width:50px; }
.letsform .date .calendardateinputmonth { width:50px; }
.letsform .date .calendardateinputyear { width:40px; }
.letsform .time select { width:50px;margin-right:2px;margin-bottom:5px;border:1px solid grey; }
.letsform .captcha { display:block;color:#333333; }
.letsform .captchasub {}
.letsform .captchasub img{ padding-bottom:10px; }
.letsform .captchasub input { margin-bottom:10px;border:1px solid grey; }
.letsform .button { color:#fff;background:#4C4A4F;cursor:pointer;width:150px;text-align:center;padding:4px 5px;margin-bottom:20px;font-weight:bold; }
.letsform .errorlist li { padding:5px 0 0 0;margin:0px;color:red; }
.letsform .error { border:1px solid red;}
.tooltip { cursor:pointer;position:absolute;margin-top:2px;margin-left:4px; }
.forminfo { font-size:11px;line-height:1.33em;background:#4C4A4F;border:1px none #000;width:150px;margin:0px;padding:5px;color:#fff; }

#naarboven { float:left;cursor:pointer; }
#toonpdf { float:right; }

iframe { overflow-x: hidden;overflow-y: auto; } 

/*************************************************/
/* Browser compatibility                         */
/*************************************************/
/* fixes float problems
**************************************************/
.main:after,
.col_wrapper:after,
.maincontainer:after,
.mainbg:after,
.maincontainervervolg:after,
.col_left:after {
  content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}