body {
  background-color: #fff;
  margin: 0px;
  padding: 0px;	
  text-align: center;
}

.prim {
width:100%;
text-align:left;
}

.primint {
width:986px;
margin:0px auto;
}

.primint2 {
width:100%;
}

.primint3 {
width:986px;
margin:0px auto;
}

.toparea {
width:100%;
background-image:url(../gfx/main_01e.jpg); /*blauwe bovenbalk plus grijze ramp kleur en breedte moet aangepast worden*/
background-repeat:repeat-x;
height:240px; /*hoogte bovenbalk*/

}

.topheader {
  width:100%;
  background-image:url(../gfx/main_09b.jpg); /*blauwe bovenbalk kleur en breedte moet aangepast worden*/
  background-repeat:repeat-x;
  height:187px;
  line-height:187px;
}

.logo {
  width: 263px;
  background-image: url(../gfx/logo.jpg);
  background-repeat: no-repeat;
  height: 187px;
}

.topmenu {
height:52px;
line-height:52px;
width:600px;
}

.topmenusep {
  background-image:url(../gfx/main_06e.jpg); /* afscheiding tussen topmenu delen*/
  background-repeat:repeat-y;
  background-position:right;
  height:49px;
  line-height:49px;
  width:4px;
  float:left;
  margin-top:3px;
}

.topleft {
float:left;
}

.image {
width:324px;
background-image:url(../gfx/main_03g.jpg); /* fockin aardbei*/
background-repeat:no-repeat;
height:254px;
line-height:254px;
float:right;
}

.leftout {
width:200px;
background-image:url(../gfx/main_34b.jpg); /* randje rechts van linkermenu*/
background-repeat:repeat-y;
background-position:right;
float:left;
}
.leftint {
width:200px;
background-image:url(../gfx/main_16b.jpg); /* randje rechts van linkermenu boven*/
background-repeat:no-repeat;
background-position:right top;
float:left;
}

.leftint2 {
width:200px;
background-image:url(../gfx/main_40b.jpg); /* randje rechts van linkermenu onder*/
background-repeat:no-repeat;
background-position:right bottom;
float:left;
}

.center {
width:560px;
float:left;
padding:10px 10px 10px 10px !important;
padding:10px 0px 10px 10px;
background-image:none;
background-color:#FFFFFF;
}

.center2 {
width:750px;
float:left;
padding:10px 10px 10px 10px !important;
padding:10px 0px 10px 10px;
background-image:none;
background-color:#FFFFFF;
}

.menu1 {
  width:190px;
  margin-top:8px;
}

.maincontent {
  text-align:left;
  width:100%;
  background-image:none;
  background-color:#FFFFFF;
}

.maincontent .contentbody { 
  padding: 3px 0px;

}

.back_button {
  clear: both;
  border-top: 1px solid #e0e0e0;
  padding: 8px 4px;
  margin: 10px 0 0 0;
  width: 100%;
}

.footer {
  clear: both;
  padding: 10px;
  margin: 0;
  width:100%;
  border-top: 1px solid #e0e0e0; /* randje onderaan*/
  text-align:center;
}

.contentsep { /* blok tussen twee wegehaalde boxen*/
  height:10px;
  line-height:10px;
  width:100%;
  display:block;
  padding:5px;
  background-image:none;
  background-color:#FFFFFF;
}

/* Text formats*/


.small {
font-size:0.88em;
color:#6b6b6b; /* kleine tekst in het grijs, algemene tekst??*/
}



/*links*/

a:link, a:visited {
color:#F6A23F; /* kleur waar je geweest bent, is zelfde als waar je nog niet geweest bent*/
text-decoration:none;
}

a:hover {
color:#f26f2d; /* algemene hover kleur*/
}

table.moduletable th {template_css.css (line 1159)
background-image:url(../images/main_19c.jpg);
background-repeat:no-repeat;
border-bottom:1px solid #DADADA;
color:#FFFFFF;
font-size:1.3em;
padding:0 0 8px;
text-align:left;
text-indent:24px;
}


/* Below are  default settings are used when no other style has been defined.*/
p {

font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
} /*formatting all <div> (division) items.  This is a catch-all that only applies when no other style has been defined.*/
td {

font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;

} /*formatting all 
<td> items. This default setting is used when no other style has been defined.*/
tr {

font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
} /*formatting all 
<tr> items.  This default setting is used when no other style has been defined.*/
ul {

font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
} /*formatting all UL (unordered list) items. This default setting is used when no other style has been defined.*/
li {
list-style:none;
}
hr {} /* horizontal line in your template*/
hr.separator {}

/* FORMS SETTINGS */ 
.button {
color            : #666666; /*kleur tekst knop?*/
border           : 1px solid #3C3C3C; /*kleur randen zoekknop*/
background-color : #ffffff;
margin-top       : 0px;
font-family      : arial, helvetica, sans-serif;
font-size        : 9px;

}
.inputbox {
font-size: 9px;
font-family: verdana, helvetica, sans-serif;
text-align: left;
color: #666666; /*kleur invoertekst zoekmenuutje*/
background-image:url(../gfx/back_main.jpg); /*kleine streepjes te zien in de zoekbalk*/
border: 1px solid #3C3C3C; /*kleur randen zoekmenuutje*/

}
.text_area{
width:80px;

}
.search {} /*formatting the <div> which holds search items: inputbox, search button...*/


/* NAVIGATION/MENU SETTINGS */

a.mainlevel{
width:90%;
} /* this styling is for the MAIN items in the menu */
a.mainlevel:link {
padding:5px 0px 5px 16px;
display:block;
border-bottom:1px solid #dadada; /* afscheidingslijnen linkermenubalk*/
}
a.mainlevel:visited {
padding:5px 0px 5px 16px;
display:block;
border-bottom:1px solid #dadada; /* afscheidingslijnen linkermenubalk*/
}
a.mainlevel:hover {
padding:5px 0px 5px 16px;
display:block;
border-bottom:1px solid #f26f2d; /*oranje kleur, wanneer er over link wordt genavigeerd*/
}

#active_menu {
padding:5px 0px 5px 16px;
background-image:url(../gfx/main_31d.jpg); /* knopjes links in de menunavigatiebalk*/
background-repeat:no-repeat;
background-position:left;
display:block;
border-bottom:1px solid #f26f2d; /* oranje kleur, wanneer link actief is*/
color:#f26f2d; /* oranje kleur, wanneer link actief is*/
} /* this styling is for the menu item when it is active, even in main/sub position*/



.blogsection {} /* Formatting the links in Blog section */
.blog_more {} /*The "More" text in blog section*/
a.blogsection:link {

} /* set the link format */
a.blogsection:visited {

} /* same as above, but to set the visited link format */
a.blogsection:hover {

} /* same as above, but for links with mouse pointer over it */

.maincontent .title {
  color:#F6A23F; 
  font-size:1.6em;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0px 0px 8px 4px;
  border-bottom:1px solid #f6a23f; 
  margin:0px 0px 8px 0px;
}

table.contentpane {
width:100%;
margin: 0px;
padding: 0px;
}
.contentheading {
color:#F6A23F; /*kleur in titel*/
background-image:url(../gfx/main_27c.jpg); /*symbooltje voor nieuwsbericht*/
background-repeat:no-repeat;
font-size:1.6em;
text-transform:uppercase;
font-weight:bold;
padding:0px 0px 0px 24px;
text-indent:24px;
border-bottom:1px solid #F6A23F; /*kleur onder titel*/
margin:0px 0px 8px 0px;
width:100%;
height:27px;
line-height:27px;
}
td.contentheading {
color:#F6A23F;
background-image:url(../gfx/main_27c.jpg);
background-repeat:no-repeat;
font-size:1.6em;
text-transform:uppercase;
font-weight:bold;
padding:0px 0px 0px 24px;
text-indent:24px;
border-bottom:1px solid #F6A23F;
margin:0px 0px 8px 0px;
height:27px;
line-height:27px;
}

.news_box { margin: 0 0 15px 0; padding-top: 15px; clear: both; }
.first_newsitem { padding-top: 0; }
.news_box h1.title { padding-left: 25px; }

.portfolio_box { float: left; width: 371px;  height: 220px; margin: 0 0 15px 0; text-align: justify; }
.portfolio_box h1.title { padding-left: 25px; }

.portfolio_space { float: left; width: 8px; height: 220px; margin: 0;}
.portfolio_clear { clear: both; }

/* Title of the content, article, etc. being displayed.*/
.contentpane {background-color:#ffffff; /* witte achtergrond*/
background-image:none;
text-align:left;
} /* Table that holds all non-article information (components, category lists, contact forms, etc).*/
.contentpaneopen {
background-image:none;
text-align:left;
} /* Table that holds the actual text for an article.*/
.contentpagetitle {
} /*Title of articles*/

a.contentpagetitle:hover {
} /*Title of articles when appeare as links */
a.contentpagetitle:link {
}
a.contentpagetitle:visited {
}

.contentdescription {} /* Formating the "DESCRIPTION" of sections, categories (News/Weblinks/Latest news...) */
table.contenttoc {
padding:4px;
margin:4px;
border:1px solid #dadada;
} /* Formating the table of the Tables of Contents for multiple pages content or article */
table.contenttoc td {padding:4px;
margin:4px;
} /* same as above, used to format the td and able cells */
table.contenttoc th {font-size:1.2em;} /* same as above, used to format the th of "Tables of Content" ( normally Article Index)*/
table.contenttoc td.toclink {} /* same as above, used to format toc link texts*/
a.toclink:link {} /* same as above, used to format toc link text status*/
a.toclink:visited {} 
a.toclink:hover {} 


/* JOOMLA - MAMBO SECTIONS LISTINGS */
.sectiontableheader {} /* This is for styling the section table headers on a SECTION's page.
Example: table header of "Date", "Item Title", "Author" and "Hits"? */
.sectiontableentry1 {
padding:4px;
} 
.sectiontableentry2 {
padding:4px;
}

/* MISCELLANEOUS */

/* Dates , Authors*/
.createdate {
font-size:0.9em;
} /* For styling the date the content/articles are created under contents title */
.modifydate {
font-size:0.9em;
} /* Formating "Last updated on" text at the end of articles/contents */
.small {
  font-size:0.9em
}

.portfolio_box img { margin: right: 8px; }