body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;} 
table { border-collapse:collapse; border-spacing:0; } 
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } 
ol,ul { list-style:none; } 
caption,th { text-align:left; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
q:before,q:after { content:''; } 
abbr,acronym { border:0; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
p { line-height: 18px; }
img{ border:0; }

/* 
====================================================================================
	BASIS STIJLEN
	De basis van een Joomla! template
	
================================================================================ */


html,body {
  font-family: Tahoma,Arial,Helvetica,sans-serif;
	font-size: 12px; 
	color: #333;
	margin: 0px;
	background-color: #75838B;   
}

body{
  background: url('../images/bg-body.jpg') center top repeat-x;
}

body#tinymce{
  background: #fff;
}


#wrap {
	width: 950px;
	background: #fff;
	margin: 0 auto;
	overflow:hidden;
  
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);  
	}
  
.left{
  width:220px;
  margin: 0;
  padding: 0;
  float: left;
  display: block;  
}

.right{
  width: 730px;
  margin: 0;
  padding: 0;
  float: left;
  display: block;
}  

#top{
  height: 50px;
  width: 100%;
  clear: both;  
}

#top p{
  margin: 0;
}

#logo{
  border-right: 1px solid #D0D9DF;
  width: 219px;
  height: 50px; 
}

#topmenu{    
  width: 700px;
  float: left;

}

#langswitch{
  width: 30px;
  float: left;
  padding: 9px 0;
}

#header{
  height: 200px;
  width: 100%;
  clear: both;
}

#slider{
  background: #5d6b74;
  height: 145px;
  width: 180px;
  padding: 10px 20px 45px 20px;
  
}

#search{
  background: url('../images/bg-gray50.png') left top repeat;
  height: 18px;
  margin-top: -30px; 
  padding: 6px;  
}

#slideshow{
  background: url('../images/header.jpg') left top repeat;
  height: 200px;
}

#breadcrumb{
  background: url('../images/bg-gray50.png') left top repeat;
  height: 16px;
  margin-top: -30px; 
  padding: 7px 20px;
  font-size: 11px; 
  color: #fff;
}

#breadcrumb a,
#breadcrumb a:link,
#breadcrumb a:hover,
#breadcrumb a:visited
{
  color: #fff;
  text-decoration: none;
  font-weight: bold;
 }

#base{
  width: 100%;
  background: url('../images/bg-left-column.png') left top repeat-y;
  clear: both;
}

#left-column{
  width:180px;
  margin: 0;
  padding: 20px;
}

#left-top{

}

#left-middle{

}

#left-bottom{

}
  
#right-column{
  width: 690px;
  margin: 0;
  padding: 20px;
}

#right-top{

}

#right-bottom{

}
  
  
  
  
#footer{
  border-top: solid 5px #d0d9df;
  background: fff;
  display: block;
  padding: 20px 0;
}  
  
#footer .left{
  width:219px;
  border-right: solid 1px #e5e5e5;
  height: 53px;
}  

#footer .right{
  height: 53px;
  width: 710px;
  padding: 0 10px; 
  font-size: 11px;
  color: #888;  
}  

#footer .right p{
  margin: 0 ; 
} 

#bottom-menu{
  height: 21px;
  margin: 10px 0 0 0;
}
 
#copyright{
  width: 950px;
  margin: 5px auto;
}

#copyright p{
  display: block;
  text-align: right;   
  font-size: 11px;
  color: #ccc;
 }  

#copyright p a,
#copyright p a:link,
#copyright p a:hover,
#copyright p a:visited
{
  color: #ccc;
  text-decoration: none;
 }





p{
  line-height: 22px;
  text-align: justify;
  margin-bottom: 22px;
}

a{
  color: #008AC9;
  text-decoration: underline;
}

strong, b{
  font-weight: bold;
}

i,em{
  font-style: italic;
}

.item-page ul,
#xmap ul{
  line-height: 15px;
  list-style: circle;
  padding-left:5px;
  margin: 0 10px;  
}

.item-page ol,
#xmap ol{
  line-height: 15px;
  list-style: decimal;
  padding-left:5px;
  margin: 0 10px;  
}

.item-page li,
#xmap li{
  padding-left: 5px;
  margin-left: 10px;
  line-height: 15px;  
}

.item-page ul.three_column li
{
  width: 30%;
  float: left;
}

#xmap ul.level_0{
  margin-bottom: 20px;
}




/* TYPO HEADERS */                        

h1,
div.componentheading{
  font-size: 16px;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  margin-top: 10px;
  margin-bottom: 5px;
}

h2,
.search h1{
  border: 0;
  border-bottom: 1px solid #D0D9DF;
  font-size: 20px;
  padding-bottom: 10px;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  margin-top: 0px;
  margin-bottom: 20px;
  background: none;
  
}

h3.pd-ctitle{
  background: none !important;
  border: 0 !important;
  border-bottom: 1px solid #D0D9DF !important;  
  border-radius: 0px !important;
  box-shadow: none !important;


  font-size: 20px !important;
  padding: 0 !important;
  padding-bottom: 10px !important;
  font-weight: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  margin: 0 !important;
  margin-top: 0px !important;
  margin-bottom: 20px !important; 
}

h3{
  font-size: 16px;
  font-weight: bold;
  text-transform: none;
  text-decoration: none;
  margin-top: 10px;
  margin-bottom: 5px;
}

h4{
  font-size: 16px;
  font-weight: bold;
  text-transform: none;
  text-decoration: none;  
  margin-top: 10px;
  margin-bottom: 5px;
  clear: both;
}

h5{
  font-size: 12px;
  font-weight: bold;
  text-transform: none;
  text-decoration: underline;
  margin-top: 15px;
  margin-bottom: 10px;
  clear: both;
}

h6{
  font-size: 10px;
  font-weight: bold;
  text-transform: none;
  text-decoration: none;
  margin-top: 10px;
  margin-bottom: 5px;
}


table td{
  padding: 10px;
}


div.contact-address span,
div.contact-contactinfo p
{
  display: block;
  line-height: 20px;
  margin: 0;
}

span.contact-label{
  float: left;
  width: 100px;
  min-height:1px
  display: block;
  font-weight: bold;
}

div.contact-form fieldset{
  padding: 30px;
  margin-bottom: 30px;
  border: 10px solid #ccc;
  border-radius: 3px; 
  -moz-border-radius: 3px; 
  -webkit-border-radius: 3px;   
}

div.contact-form legend{
  padding: 0 10px;
  font-style: italic;
}
#jform_contact_email_copy-lbl{
  float: left;
}

#jform_contact_email_copy{
  float: left;
  margin: 5px 20px 0 10px;
}


input#mod-search-searchword{
  background: transparent;
  border: 1px solid #5d6b74;
  color: #5d6b74;
  padding: 2px;
  font-size: 10px;
  width: 204px; 
  
}

input.rsform-submit-button,
input.rsform-reset-button{
  padding: 5px;
}


#searchForm fieldset.phrases,
#searchForm fieldset.only{
  display: none;
}

#searchForm fieldset.word{
  padding: 10px;
}

.search-results dd.result-category{
  font-size: 9px;
  font-style: italic;
}

.search-results dd.result-created{
  font-size: 9px;
  font-style: italic;
  margin: 3px 0 15px 0;
}

.search-results dt.result-title{
  font-weight: bold;
  margin-bottom: 2px;
}