html, body{ 
 margin:0; 
 padding:0; 

 font-family: Verdana, Arial, Sans-serif;
 font-size: 82%; 
 color: #737373;
 line-height: 160%;
}

h1 {
 font-size: 170%;
 color:#8f0341;
 }

h2 {
 font-size: 150%;
 color:#8f0341;
 }
   
a:link    { color : #000000 ;text-decoration : underline;}
a:visited { color : #000000 ;text-decoration : underline;}
a:active  { color : #000000 ;text-decoration : underline;}
a:hover   { color : #bc1953 ;text-decoration : underline;}

.content:link    { color : #bc1953 ;text-decoration : none;}
.content:visited { color : #bc1953 ;text-decoration : none;}
.content:active  { color : #bc1953 ;text-decoration : none;}
.content:hover   { color : #bc1953 ;text-decoration : underline;}

/* *** definities positie's basis containers *** */  

#page{ 
 width:934px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 border: 1px solid #bc1953;
 margin-top: 10px;
 margin-bottom: 10px;
} 

div.clearboth {clear: both;} 

#header{
 position:relative; 
 height:108px;
 background : url('../images/bkg_header.jpg') no-repeat; 
 background-color:#66cc00;
 width:100%;
 } 
 
.sitewideitems  {
  color: #386202;
  font-size:90%;
  font-weight: bold;
  float: left;
  margin-left: 8px;
  padding-top: 1px;}
  
.pos-flashheader {  float: right; }
  
.sitewideitems a:link,.sitewideitems a:visited,.sitewideitems a:active { color : #386202 ;text-decoration : none;}
.sitewideitems a:hover   { color : #bc1953 ;text-decoration : none;}

.whitelink a:link,.whitelink a:visited,.whitelink a:active { color : #ffffff ;text-decoration : none;}
.whitelink a:hover   { color : #bc1953 ;text-decoration : none;}

.box-kolom a:link,.box-kolom a:visited,.box-kolom a:active { font-size: 90%; color: #737373 ;text-decoration :none; font-weight: bold;}
.box-kolom a:hover   { font-size: 90%; color : #bc1953 ;text-decoration : none; font-weight: bold;}


#mainmenu {
	position:relative;
	height:45px; 
	background-color:#9c034c; 
	background: url('../images/bkg_mainmenu.jpg') no-repeat;
	width:100%;
}
 
.mainmenuitem {float: left; margin-right: 2px;} 

.submenuitem {float: left; margin-right: 2px; position:relative; z-index:1; top:-26px} 

.pos_buttonsmainmenu  {position: absolute; left: 91px; top: 6px}
  
#con_content  {  
 background : url('../images/bkg_con_content.gif') repeat-y;
 width:100%;
 }

#leftcol {
 width:180px; 
 float:left;
 padding-left: 10px;
 padding-right: 10px; 
 position:relative; 
 background-color: transparent;
 }
 
.middlecol {
 width:493px; 
 float:left; 
 position:relative;
 min-height: 665px;
 padding: 10px 20px 10px 20px;
 margin-right:10px;
 border-bottom: 1px solid #8cc63f;
}

.middlecol ul{ 
padding-left: 18px;
margin-left: 0px;}

.middlecol ul li{
color           : #737373;
list-style-type: square;
list-style      : url(../images/raquo_red.gif);
padding-right   : 10px;
}
 
#rightcol{
 width:180px; 
 float:left; 
 position:relative; 
 background-color:none;
 }
 
#footer{
 height:65px; 
 background-color:#ffffff;
 background : url('../images/bkg_footer.jpg') no-repeat; 
 float:left; 
 width: 100%;
 } 
 
.butup, .butback  {
 margin-top: 10px;
 float: left;
 position: relative;
 }
 
.butback { left: 200px;}
.butup { left: 693px;}

.formfieldmiddle_normal    {
   background : url('../images/bkg_formfieldmiddle.gif') no-repeat center; 
   width: 170px;
   padding: 0.2em 0em 0em 0.2em;   
   height:25px;
   border: 0px;
   margin-bottom: 5px
}
.formfieldmiddle_italic    {
   background : url('../images/bkg_formfieldmiddle.gif') no-repeat center;    
   font-style: italic;
   color:#999999;
   width: 170px; 
   padding: 0.2em 0em 0em 0.2em;  
   height:25px;
   border: 0px;
   margin-bottom: 5px
}
   
.box-kolom {float: left; margin-top: 0px; margin-bottom: 5px; border: 0px solid; }
.box-kolommarge {float: left; margin-top: 0px; margin-bottom: 8px; border: 0px solid; line-height: 0px;} 
.box-kolom ul#socialMedia{
	list-style:none;
	padding:0;
	margin:5px 0 0 4px;
	position:relative;
	float:left;
}
.box-kolom ul#socialMedia li{
	position:relative;
	float:left;
	list-style:none;
	padding:0;
	margin:0 5px 0 0;
}
.box-kolom ul#socialMedia li a{
	display:block;
}

.box-kolom-form {float: left; margin-top: 10px; margin-bottom: 15px; border: 0px solid; background : url('../images/bkg_form-small.gif') no-repeat center; padding-left: 4px; padding-bottom:5px; }

.box-kolom-form img {display: block; margin-left: 1px;}
/* *** definities submenu's *** */

.box-submenu {   
   border: 1px solid #e0dfdf;
   margin: 10px 0px 8px 0px;
   padding: 0px;
   width: 178px;
   border-bottom: 0px solid #e0dfdf;
   background-color: #ffffff;
}

.box-submenu ul {  
   margin: 0px;
   padding: 0px;
   list-style-type : none; 
   }

.box-submenu li a:link, .box-submenu li a:visited, .box-submenu li a:active  {
   color        : #666666;
   padding      : 2px 2px 4px 2px;
   font-weight  : bold;
   font-size    : 90%;
   display      : block;
   border-bottom: 1px solid #e0dfdf;
   text-decoration : none;  
   width: 174px; 
}

.box-submenu li a:hover {
   color    :#8f0341;
   background-color: #e9e9e9;
   display  :block;
  }
  
.box-submenu li a.actief  {
   color    :#8f0341;
   font-weight  : bold;
   text-decoration : none;  
}


/* *** definities uitklap menu's *** */
.rolmenu {   
   margin: 10px 0px 8px 0px;
   padding: 0px;
   line-height: 110%;
  
}

.rolmenu ul {  
   margin: 0px;
   padding: 0px;
   list-style-type : none; 
}

.rolmenu li a:link, .rolmenu li a:visited, .rolmenu li a:active  {
   color        : #8f0341;
   padding      : 2px 2px 4px 5px;
   margin		: -1px 0 0 0;
   font-weight  : normal;
   font-size    : 80%;
   display      : block;
   border		: 1px solid #7db731;
   text-decoration : none;  
   width: 190px; 
   background-color: #f8edf2;
}


.rolmenu li a:hover {
   color    :#8f0341;
   background-color: #ffffff;
   display  :block;
}
 /* start definities adviseurs */
 .adviseurs-wrapper{width:100%;position:relative; float:left;}
 .adviseurs-fot {  float: left; width: 94px; border-bottom: 3px solid #d6d6d6; margin: 4px 16px 4px 0px ; }
 .box-adviseurs { float: left;  width: 380px; }
 .adviseurs-more-fot{ padding:4px 0px 4px 4px;}
 .adviseurs-naam { position: relative; float:left; font-size: 100%; font-weight: bold; color: #8f0341; float: left;   }
 .adviseurs-plaats  { float: right; font-size: 85%;font-weight: bold; color: #8f0341;}
 .adviseurs-title { display: block; font-size: 85%; font-weight: bold; color: #8f0341; width: 380px; }
 .adviseurs-link a{ position: relative; font-weight: bold; color: #8f0341; float: right; text-decoration:none; font-size:85%;}
 .adviseurs-link a:hover{text-decoration:underline}
 
 
  /* end definities adviseurs */
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
img {border: 0px;}

.floatleft {float: left; position:relative;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 
 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 


/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}