/* CSS setup by bepos :: jcdekker */ 

/* @group html&body */

html {
  background-color:#f0f0f0;
}
body {
  font-family:Arial, Helvetica, sans-serif;
color:#555;
font-size: 10pt;
}
html,body { width:100%; height:100%; margin:0; padding:0; }

/* @end ********************************************************************** */

/* @group tags */
/*form { margin:0px; padding:0px; } */
img { border:0px; margin:0px; padding:0px; }
legend { display:table; font-size:120%; font-weight:bold; margin:0px; padding:10px 0px 5px 0px; }
p { margin:0px; line-height:normal; margin-bottom:10px; }
sup { font-size:70% !important; color:#ddd; line-height:7px; }

/* @group tags : linking */
a,a:link,a:visited { text-decoration:underline; color:#f26531; font-weight:bold; }
a:hover { text-decoration:none; color:#444 !important; }
a.readon { }

strong, b { color:#222; }

/* @group tags : headers : setup some more readable header spacing */
h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; padding:0px; margin:0px; }
h1 { font-size:150%; font-weight:normal; }
h2 { font-size:130%; font-weight:normal; }
h3 { font-size:130%; font-weight:normal; }
h4 { font-size:120%; font-variant:small-caps; font-weight:normal; }
h5 { font-size:100%; }
h6 { font-size:80%; font-weight:normal; }

/* @group tags : listing */
ul { font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; list-style-type:disc; padding:0px; margin:5px; }
li { padding:0px; margin:0px; margin-bottom:5px; margin-left:15px; color:#333; }

/* @group tags : tables */
/*table { border-collapse:collapse; margin:0px; padding:0px; }*/
/*td { padding:0px; vertical-align:top; }*/

/* @group tags : fields and buttons */
input, .inputbox,  .button, select, textarea {
font-size:100%;
border:1px solid #bbbbbb;
margin:2px;
margin-top:5px;
padding:1px;
background-color:#f0f0f0;
}
.button { padding:0px; }
fieldset { display:block; /*border:1px solid #222; background-color:#111; padding:4px; */  padding:0px; border:0px; }
fieldset .inputbox { margin:0px !important; }
#modlgn_remember { border-width:0px; width:14px !important; vertical-align:middle; }

/* settings editor */
body#tinymce {
background-color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333;
font-size: 10pt;
}
body#tinemce a { color:#333; }
body#tinymce li { margin-left:25px; list-style-type:disc; }

/* @end ********************************************************************** */

/* @group extra */
.active a { font-weight:normal; }
.article_seperator { display:block; margin-bottom:5px; }

span.description { display:block; padding:5px; padding-left:14px; }

/* @group extra : sponsored links */
.moduletable_adv { margin:0px 5px; text-align:center; padding:5px 0px; background-color:#f0f0f0; border:1px solid #e0e0e0; }

div.PoweredBy a { color:#CCC !important; }

.contentpaneopen_edit { top:5px; position:relative; float:left; }
.sectiontableentry1 td { background-image: url(../images/bg_content_info.png); padding:5px; vertical-align:top; }
.sectiontableentry2 td { padding:5px; vertical-align:top; }
.small,div.mosimage_caption { font-size:80%; color:#ccc; }

/* @group extra : content */
.content { display:block; margin:0px 5px; position:relative; float:left; }
.componentheading { padding:5px; padding-top:4px; margin:0px 2px; font-size:140%; font-weight:normal;  }

.contentpaneopen { padding:0px; width:100%; }
.contentpaneopen span.contentpaneopen { display:block; }
.contentpaneopen span.readon { background-image:url(../images/bg_content_info.png); margin-top:10px; text-align:right; padding:1px 0px; }
.contentpaneopen span.readon a { font-size:80%; /* color:#018ca2; */}

.contentheading { position:relative; padding:0px; color:#f26531;
background-image:url(../images/bg_content_info_grey.png); background-position: center bottom; background-repeat:repeat-x;
margin:0 0 5px 0; display:table; width:100%; }
.contentheading > * { padding:5px; float:left; font-size:150%; }
.contentheading > * a { font-weight: normal; text-decoration: none;}
.contentheading .buttonheading { float:right; padding-top:10px; }
.contentsubheading { display:block; position:relative; font-size:80%; color:#777; padding:10px 0px; margin-bottom:10px; background-image:url(../images/bg_content_info.png);
float:right; width:100%; }
.contentsubheading a { color:#777; }
.contentsubheading span { display:block; padding:0px 5px; margin-bottom:5px; }
.contentsubheading span.showvote { margin:5px 0px; float:left; width:97%; display:block; }
.contentsubheading span.showvote span { padding:0px; margin:0px; width:97%;  }
.contentsubheading span.showvote span.content_rating { float:left; }
.contentsubheading span.content_vote { padding-top:0px; } 
.contentsubheading span.content_rating img { vertical-align:middle; }

.contentfooter { display:block; position:relative; font-size:80%; color:#777; padding:2px; margin:15px 0px; background-image:url(../images/bg_content_info.png); }
.contentfooter a { text-align:right; }

.createdate, .createdby, .modifydate, .readon { display:block; margin:4px; }

.blog { margin-bottom:10px; }
.blog .sub-header {
	position: relative;
    padding: 0px;
    color: #f26531;
    background-image: url(../images/bg_content_info_grey.png);
    background-position: center bottom;
    background-repeat: repeat-x;
    margin: 0 0 5px 0;
    display: table;
    width: 100%;
}
.blog .sub-header > * {
	padding: 5px;
    float: left;
    font-size: 150%;
}
.blog .show_intro_articles { display:block; position:relative; width:100%; margin:0px; }
.blog .show_intro_articles span.article_column { display:block; }
.blog .show_intro_articles span.article_column_right { position:absolute; display:block; right:0px; top:0px; }
.article-info {display:none;}

.blog_more { display:block; width:100%; margin-top:30px;}

/* @group extra : toc */
.contenttoc { border:0px solid #c0c0c0; float:right; padding:5px 10px; background-image:url(../images/bg_content_info.png); color:#04788a; margin-left:10px; margin-bottom:10px; }
.pagenavcounter, .pagenavbar { padding:10px 0px; font-size:80%; }
/* ****************************** */

/* @group extra : pagination */
.prepagination { width:100%; margin:15px 0px; color:#ccc; }
.pagination { padding:0px; display:block; width:100%; font-size:80%; margin:0px auto; text-align:center; padding-top:10px; }
.pagination span { border:0px solid #000; margin:5px; }
.pagination a { font-weight:normal; margin:5px; }
/* ****************************** */

/* @group extra : page navigation */
.pagenav { width:100%; margin-top:10px; }
.pagenav a { font-size:80%; font-weight:normal; }
.pagenav_prev, .pagenav_next { text-align:left; }
.pagenav_next { text-align:right; } 
/* ****************************** */

/* @group extra : tooltip */
.tool-tip { font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#333; float: left; background: #eee; border: 1px solid #ccc; padding: 5px; max-width: 200px; }
.tool-title { padding: 0; margin: 0; font-size: 100%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; }
.tool-text { font-size: 100%; margin: 0; }
/* ****************************** */

/* @group extra : system-message */
#system-message dd ul {
color: #00bb00;
margin-bottom: 10px;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
padding: 10px;
border-top-width: 3px;
border-top-style: solid;
border-top-color: #00bb00;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #00bb00;
}
#system-message dd ul li { color:#0b0; }
/* ****************************** */

/* @group extra : for displaying a table in div style  */
span.label { padding:0px; margin:0px; line-height:120%; }
span.label img { vertical-align:middle; padding:5px 5px; }

/* @end ************************************************************ */

/* @group extensions */

/* @group extensions : all weblinks */
.awl .cat_title, .awl .numlnk { display:none; }
/* ****************************** */

/* @group extensions : mod_fhw-fontadjust  */
#fontSize { padding-top:2px; }
#fontSize a { margin:0px !important; }
#fontSize a:hover { text-decoration:none !important; }
/* ****************************** */

/* @group extensions : phocagallery  */
#phocagallery-module-ri .phocagallery-box-file { margin:2px; }
#phocagallery-module-ri .pg-cv-box-mod-ri { padding: 0;
-webkit-box-shadow: 0 0 0 #000;
box-shadow: 0 0 0 #000;
-webkit-border-radius: 0;
border-radius: 0;
}
.phocagallery-box-file-third { padding-top:8px; }
/* ****************************** */

/* @group extensions : weblinkinfo */
.weblinkinfo { border:0px solid #f0f0f0; padding-bottom:20px; padding-right:15px; padding-right:0px; width:100%; overflow:hidden; }
.weblinkinfo ul li { display:block; }
.weblinkinfo li li { font-size:100% !important; line-height:100%; margin-left:12px !important; }
li.weblinkinfocat { list-style-type:none !important; line-height:1px; }
li.weblinkinfocat strong { display:none; }
li.weblinkinfocat ul { border-left:1px solid #04788a;}
li.weblinkinfocat ul li { padding-bottom:10px; display:block; }
.weblinkinfo small { font-size:100%; color:#333; }
/* ****************************** */

/* @group extensions : chronoforms */
table.cf_formtable { width:520px; vertical-align:top; padding:0px; margin:0px;  }
.cf_formtable h3 { font-weight:normal; }
.cf_formtable img { border:0px solid #c0c0c0; }
.cf_formtable img.tooltipimg { border:0px solid #c0c0c0; }

#cf_header { margin-bottom:10px; display:block; float:left; width:100%;}
#cf_row { display:block; float:left; width:100%; padding-top:1px; margin-bottom:2px; }
.cf_label { width:130px; border:0px solid #000; padding:1px; display:table; float:left;}
.cf_data { width:80%; /*float:left;*/}
.cf_mdata { display:block; width:80%; margin-left:133px;}

.cf_input { margin-bottom:5px;  }
.cf_input input, .cf_input textarea { border:1px solid #c0c0c0; margin:0px; width:350px; background-color:#fff;}
#cf_comment { display:block; float:left; width:100%; padding:5px 0px; margin:10px 0px; border-bottom:1px solid #c0c0c0; border-top:1px solid #c0c0c0; }
#chrono_verification { width:70px; float:left; padding:7px; font-size:150%; margin-top:0px; padding-top:8px; }
#cf_verzend { width:70px; margin-top:0px; }
#cf_required { font-size:80%; margin:5px; }
.chronoform a { color:#e0e0e0; font-size:80%; margin:5px; }
.LV_validation_message { font-size:80%; }
/* ****************************** */

/* @group extensions : jce */
textarea#metadesc, textarea#metakey { width:450px !important; }
.nf_table { border:1px solid #2068A9;}
.nf_table td { padding:8px; vertical-align:top; border:1px dotted #2068A9; }
.nf_table a { font-weight:bold; }
/* ****************************** */

/* @group extensions : joomfish */
#jflanguageselection { margin:0px; float:left; }
#jflanguageselection {}
.jfdefaulttext { }
/* ****************************** */

/* @group extensions : com_contact */
.contact .contact-address { margin-bottom:10px; }
.contact .contact-address address { margin-left:200px; font-style:normal; }
.contact .contact-contactinfo p { margin:1px 0; }
.jicons-text { float:left; width:200px; }
/* ****************************** */

/* @end */

/* @group Family */
/*#toolbar { border:0px solid #000; position:absolute; right:7px;  z-index:1000; }
#toolbar ul { margin:0px; }
#toolbar li { padding:0px; margin:0px; margin-bottom:0px; } */
/* ****************************** */

/* @div outer */
#outer {}
/* ****************************** */

/* @div container */
#container {}
/* ****************************** */

/* @div top */
div#top {
display:block;
padding: 0;
margin: 0;
top: 3px;
left: 0px;
width: 100%;
height:75px;
height:290px;
overflow: hidden; 
background-image:url(../images/bg_top.png);
background-position:top;
background-repeat:no-repeat;
}

div#top li { float:left; margin:0px; list-style-type:none; border-right:1px solid #c0c0c0; padding:0px; }
div#top a { text-decoration:none; margin:0px 5px; color:#777; }
div#top .active a { font-weight:bold; color:#444; }

/* @div topcontent */
div.topcontent { width:910px; margin:0 auto; }

  /* @div top1 */
  div.top1 { padding:0px; margin:0px; position:absolute; letter-spacing:0.1em; font-size:80%; font-size:9pt; top:10px;
  background-image:url(../images/bg_top1.png); background-repeat:no-repeat; width:910px; height:30px; }
  div.top1 a { font-size:90%; }
  div.top1 li { border:0px !important; border-left:1px solid #e0e0e0 !important; }
  div.top1 .moduletable { margin:0px; right:0px; float:right; margin-top:2px; }

  /* @div top2 */
  div.top2 {}
  div.top2 .moduletable { position:absolute; top:50px; margin:0px; padding:0px; margin-left:0px; }
  div.top2 .moduletable_diensten { position:absolute; padding-left:15px;  font-size:140%; color:#000; top:90px;}
  div.top2 .bannergroup { position:absolute; top:0px; margin:0px; padding:0px; color:#000; z-index:300; }
  div.top2 .moduletable_slideshow { position:absolute; top:46px; width:590px; margin-left:310px; }
  
/*  ul.briask-iss { height:200px !important; width:590px !important; }
  .briask-iss li { position:absolute; padding:0px; margin:0px; margin-left:295px; width:590px; height:200px; overflow:hidden; }
  .briask-iss li img { margin-top:-25%; margin-top:-150px; }*/

  div.top2 .moduletable_borderhf {
    position:absolute; z-index:200; top:44px; padding:0px; margin:0px; margin-left:295px; width:610px; height:205px; overflow:hidden;
  }

  /* @div top3 */
  div.top3 { }
  div.top3 .moduletable { position:absolute; top:249px; font-size:11pt; margin:0px; padding:0px; margin-left:5px; }
/* ****************************** */


/* @div main */
div#main {
display:block;
padding: 0;
margin: 0;
left: 0px;
width: 100%;
padding-bottom:40px;
}
/* ****************************** */

/* @div submain */
div#submain { margin:0px auto; width:900px; margin-bottom:50px; }
/* ****************************** */

/* @div maincontent */
div#maincontent { }
div#maincontent li { color:#555; }
/* ****************************** */

/* @div user */
div#user { float:left; padding:0px; margin-bottom:0px; }
/*div#user .moduletable { padding:5px 0px; margin:0px 5px; }*/
div#user h3 { font-size:120%; font-weight:bold; margin:4px 0px; padding:0px; }

/* @div user2 */
div#user2 { float:left; padding:0px; margin:0px; margin-bottom:5px; width:510px; }
div#user2 .moduletable { background-color:transparent; margin:0px; }
div#user2 a { text-decoration:none; color:#333;  }
div#user2 .moduletable_fpss { height:390px; overflow:hidden; background-image:url(../images/bg_user1.png); }

/* @class user01 user34 */
div.user01, div.user34 { display:block; float:right; padding:0px; margin-bottom:5px; }

/* @class user56 */
div.user56 { display:block; float:left; width:900px; color: #f26531;
/* background-image:url(../images/bg_content_info_grey_inv.png); background-position:top; background-repeat:repeat-x; */
border-top:1px solid #e0e0e0;
padding:10px 0px; margin:10px 0px;
 }
div.user56 span.readon,
div.user56 span.createdate,
div.user56 .contentheading { background-image:none; border:0px;}

/* @div left */
#left { width:200px; float:left;  }
#left .moduletable, #left .moduletable_menu { margin:0px; margin-bottom:5px; padding:0px; /* 5px; */ }
#left h3 { /*font-weight:normal; font-size:140%; margin-bottom:5px; background-image:url(../images/bg_content_info_grey.png); padding:3px; padding-top:1px; */ 
position: relative;
display: block;
padding: 4px;
font-size: 150%;
margin-top: 0px;
margin-right: -2px;
margin-bottom: 5px;
margin-left: -2px;
background-image: url(../images/bg_content_info_grey.png);
background-position: center bottom;
}

#left ul { margin:0px; }
#left li { margin:0px; margin-left:20px; list-style-type:disc; font-size:80%; }
#left a { text-decoration:none; }
#left input { border:1px solid #04788a; }
#left .moduletable a:hover, #left .moduletable .active a,
#left .moduletable_menu a:hover, #left .moduletable_menu .active a { text-decoration:underline; }

/* @div right */
#right { display:block; float:right; padding:0px; padding-bottom:10px; width:195px; margin-left:5px; height:100%; min-height:400px; }
#right a { /*color:#555;*/ text-decoration:none; }
#right a:hover { /*color:#018ca2 !important; */ }
#right h3 { position: relative;
display: block;
padding: 4px;
font-size: 150%;
margin-top: 0px;
margin-right: -2px;
margin-bottom: 5px;
margin-left: -2px;
background-image: url(../images/bg_content_info_grey.png);
background-position: center bottom;
 }
#right input { border:1px solid #04788a; }
#right ul { margin:0px; }
#right li { margin:0px; margin-left:20px; list-style-type:disc; font-size:80%; }
#right .moduletable, #right .moduletable_menu { margin:0px; padding:0px; }
#right .moduletable a:hover, #right .moduletable .active a { text-decoration:underline; }

.right1 { width:330px; }
.right2 { }
.right2 .moduletable { }
.right2 h3 { /* padding:3px; padding-top:1px; */ }

.right3 { width:195px; }
.right3 .moduletable { }
.right3 h3 { }
/* ****************************** */

/* @div footer */
div#footer {
position:fixed;
bottom:0;
width:100%;
text-align:left;
left:0px;
border-top:1px solid #e0e0e0;
background-image:url(../images/bg_content_info.png);
padding-top:5px;
color:#222;
}
* html #footer{/* for ie6 and under*/
position:absolute;
bottom:0;
left:0;
text-align:left;
}

div#subfooter { position:relative; padding:0px; margin:0px auto; display:block; width:900px; }
div#footer a { color:#222; font-weight:normal; text-decoration:none; }
div#footer a:hover { color:#444; text-decoration:underline; }
div#footer h3 { font-size:100%; font-weight:bold; margin:4px 0px; padding:0px; padding-bottom:2px; border-bottom:1px solid #000;  }
div#footer ul { margin:0px; }
div#footer li { list-style-type:none; margin-left:5px; color:#111; padding-bottom:0px; }

/* @div footer : allweblinks */
div#footer ul.awl { margin-left:0px; }
div#footer ul.awl li { list-style:none; margin-left:0px; }
div#footer .awl ul.links { margin-left:0px; }
div#footer .awl ul.links li { border:0px;}

/* @div footer : footer0..5 */
div#footer0 { float:left; width:910px; padding:0px; margin-bottom:10px; font-size:80%; }
div#footer0 .moduletable { float:left; }

div#footer1,div#footer2{ float:left; border-left:1px solid #eeefef; width:47%; padding:0px 1%; margin-bottom:0px; font-size:80%; }
div#footer1 { width:58%; border-left:0px;} 
div#footer1 .moduletable { float:left; }
div#footer2 { width:36%; float:right; text-align:right; }
div#footer2 .moduletable { float:right; }
div#footer5 { float:left; width:900px; padding:5px; text-align:center; border:0px solid #e0e0e0; font-size:80%; }
div#footer5 .moduletable { float:left; }
div#footer5 li { float:left; margin:0px 5px; padding:0px; }

/* @div footer : bottom */
div.footerbottom { float:left; width:910px; text-align:center; }

/* enable in index.php to show all template veriables */
div#position_info {
position:absolute; top:100px; left:5px; background-image:url(../images/bg_content_info_red.png);
padding:10px;
}

/* @end ********************************************************************** */