﻿html {
	height: 			100%;
	overflow: 			-moz-scrollbars-vertical;
}



body {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
    background-image    : url(../../images/btz_achtergrond.jpg);
;
}


.horizon {
    background-color    : transparent;
    position            : absolute;
    top                 : 0%;
    left                : 0px;
    width               : 100%;
    margin-top          : 0px;
    text-align          : center;
    min-width           : 990px; 
    height              : 100%;
}


.centeredcontent 
{

    background-color    : Transparent;
    width               : 990px;
    height              : 100%;
    overflow            : visible;
    margin              : 0px auto;
    border              : 0px;
    background-repeat   : repeat-y;
    position            : relative;

    }

.googleinfobox
{
    height:150px;
    width: 210px;
    text-align: left;
}

a:link{
    background-color    : Transparent;
    color               : #FFFFFF;
    text-decoration     : none;
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
}

a:visited{
    background-color    : Transparent;
    color               : #FFFFFF;
    text-decoration     : none;
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
}

a:hover{
    background-color    : Transparent;
    color               : #FFFFFF;
    text-decoration     : none;
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
}

a:active{
    background-color    : Transparent;
    color               : #FFFFFF;
    text-decoration     : none;
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
} 

.picture
{
    border              : solid 3px #F0F0F0;
    padding             : 4px;
    margin              : 5px;

}

.Logo10Jaar
{
    margin-left         : 650px;
    margin-top          : 10px;
    position            : absolute;
}

.header
{
  
  width                 : 780px;
  height                : 141px;
  background-image      : url(../../images/btz_header.jpg);
  background-repeat     : no-repeat;
  z-index               : 100;
  border                : 0px;
  padding               : 0px;  
  margin                : 0px;
}  

.DivZoekBox
{
   padding-top          : 80px;
   border               : 0px;
   vertical-align       : bottom;
   
}

.zoekbutton
{
     vertical-align      : bottom;
        
}

.zoekbox
{
    width               : 150px;  
    border              : solid 1px #7f7f7f; 
    height              : 14px; 
    margin-right        : 4px;
}

.verloop
{
  
  width                 : 780px;
  height                : 31px;
  background-image      : url(../../images/btz_verloop.jpg);
  background-repeat     : no-repeat;
  z-index               : 100;
  padding               : 0px;  
  margin                : 0px;  

}  

.menu
{
    width               : 780px;
    height              : 23px;
    margin-top          : 7px;
    margin-left         : 0px;
    margin-right        : 0px;
}

.kleurstrook
{
    width               : 15px;
    height              : 347px;
    border              : 0px;
    padding             : 0px 0px 0px 0px;
    margin              : 0px 0px 0px 0px;
}


.menuitem
{
    background-color    : #231f20;
    color               : #F0F0F0;
    width               : 106px;
    height              : 23px;
    border-left         : solid 1px #FFFFFF;
    border-top          : solid 1px #FFFFFF;
    border-right        : solid 1px #FFFFFF;
    font-family         : Arial;
	font-size           : 12px;
	font-weight         : normal;
	letter-spacing      : 0.1em;
}

.menuitemSelected
{
    background-color    : #bcbec0;
    color               : #000000;
    width               : 106px;
    height              : 23px;
    border-left         : solid 1px #FFFFFF;
    border-top          : solid 1px #FFFFFF;
    border-right        : solid 1px #FFFFFF;
    font-family         : Arial;
	font-size           : 12px;
	font-weight         : bold;
	letter-spacing      : 0.1em;
}


.menuitemSelected a:link
{
    color               : #000000;    
}


.menuitemSelected a:hover
{
    color               : #000000;    
}

.menuitemSelected a:visited
{
    color               : #000000;    
}



.tussenmenu
{
   width                : 15px;
   height               : 23px; 
}

.scheidslijn
{
    
    height              : 10px;
    width               : 780px;
    background-color    : #F0F0F0;
 
}

.middencontent
{
    height              : 347px;
    width               : 780px;
    background-color    : #FFFFFF;
    border              : 0px;
    padding             : 0px 0px 0px 0px;
    margin              : 0px 0px 0px px;
}

.HomeMenu
{
    width               : 191px;
    height              : 340px; 
    background-color    : #58595b;
    padding             : 0px; 
    margin              : 0px 0px 0px 0px; 
    border              : 0px; 
    text-align          : left;
}

.LitHomeMenu
{
    width               : 191px;  
    padding             : 0px; 
    margin              : 0px;    
}

.TekstHome
{
    width               : 185px;
}

.FotoHome
{
    width               : 574px;
    height              : 347px; 
    background-color    : Transparent;
    overflow            : visible;
    border              : 0px;
    padding             : 0px;
    margin              : 0px;
}

.PanelSubpages
{
    border              : 0px;
    padding             : 0px;
    margin              : 0px;   
}



.homepagemenuitem
{
     width               : 191px;
     background-color    : #231f20;
     color               : #FFFFFF;
     height              : 22px;   
}   


.tussenmenuHome
{
    width                : 191px;
    height               : 1px; 
    background-color     : #FFFFFF;
}

.menustip
{
    margin-left         : 0px;
    margin-bottom       : 0px;
    margin-top          : 0px;
    margin-right        : 1px;
    text-align          : left;
}

.ContentOnderHome
{
    background-image     : url(../../images/btz_content_achtergrond.jpg); 
    background-position  : bottom;
    background-repeat    : no-repeat;
    background-color     : #FFFFFF;      
    width                : 780px;
    height               : 239px;
    overflow             : visible;
   
}

.ContentOnder
{
    background-image     : url(../../images/btz_content_achtergrond.jpg); 
    background-position  : bottom;
    background-repeat    : no-repeat;
    background-color     : #FFFFFF;      
    width                : 780px;
    overflow             : visible;
    z-index              : 100;
    height               : auto;
  
}

.contentbox
{
    
    width               : 730px;
    color               : #000000;
    background-color    : #FFFFFF;
    z-index             : 100;
    height              : auto;
    overflow            : visible;
    overflow-x          : hidden;
    border              : solid 1px #58595B;
    float               : left;
    margin-left         : 15px;
    text-align          : center;
    padding-left        : 5px;
    padding-right       : 15px;
    padding-top         : 10px;
    font-size           : 13px;
    margin-top          : 14px;
}

.MainText
{
    padding-left        : 60px;
    padding-right       : 60px;
    padding-top         : 15px;
    text-align          : justify;
    border              : solid 1px #58595B;
    font-size           : 13px;
    width               : 746px;
    background-color    : #FFFFFF;
}


.MainText a:hover
{
    color               :#000000;
    
}

.MainText a:link
{
    color               :#000000;
}

.MainText a:visited
{
    color               :#000000;
}


.contentbox a
{
    color               :#000000;
}

.map
{
    color               : #000000;
}

.map a:link
{
    color               : #000000;
}

.map a:hover
{
    color               : #000000;
}

.map a:visited
{
    color               : #000000;
}



.nieuwsbox_home
{
    width               : 365px;
    height              : 205px;
    border              : solid 1px #000000;
    background-color    : #FFFFFF;
}

.nieuwsberichten
{
  padding-left          : 5px;
  padding-top           : 5px;
}

.nieuwsberichten a:link
{
    color               : #fc4545;
}

.nieuwsberichten a:visited
{
    color               : #fc4545;
}

.nieuwsberichten a:hover
{
    color               : #000000;
}

.nieuwsheaderHome
{
  font-weight           : bold;
  background-color      : #dedede;
  padding-left          : 5px;  
  height                : 30px;
  font-size             : 14px;
}

.projectenbox_home
{
    width               : 365px;
    height              : 205px;
    border              : solid 1px #000000;
    background-color    : #FFFFFF;
}

.TekstHome
{
    width               : 180px;
    color               : #FFFFFF;
    padding-left        : 5px;
    padding-top         : 10px;
    padding-right       : 5px;
    overflow            : visible;
    background-color    : Transparent;
    height              : 175px;
    z-index             : 100;
    font-size           : 13px;
    
}

.submenuitem
{
    padding-left        : 5px;
    width               : 191px;
    background-color    : #FFFFFF;
    color               : #000000;
    height              : 22px; 
    border-bottom       : solid 1px #F0F0F0;
    border-left         : solid 1px #F0F0F0;
    border-right        : solid 1px #F0F0F0;
    text-align          : left;
    letter-spacing      : 0.1em;
    font-size           : 11px;

}

.submenuitem a:hover
{
    color               :#FFD500;    
}

.submenuitem a:link
{
    color               :#000000;
}

.submenuitem a:visited
{
    color               :#000000;
}


.submenuitemSelected
{
    width               : 191px;
    background-color    : #000000;
    color               : #FFFFFF;
    height              : 22px; 
    border-bottom       : solid 1px #F0F0F0;
    border-left         : solid 1px #F0F0F0;
    border-right        : solid 1px #F0F0F0;
    text-align          : left;
    padding-left        : 5px;
}



.tussenmenuSub
{
    width                : 191px;
    height               : 1px; 
    background-color     : #000000;
}


H1
{
    font-size           : 16px;
    font-weight         : bold;
    color               : #58595B;
}


.OnderScheidslijn
{
    clear               :both;
    float               :left;
    height              :14px;
    width               :780px;
}


/* Begin opmaak voor de gallery slider */

.contentslide{
border: 0px;
padding: 0px;
margin:0px;
width: 574px;
height: 347px;
text-align:right;
    color:#000000;
}

.contentslide a:link 
{
    color:#000000;
}

.contentslide a:active 
{
    color:#000000;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=70);
-moz-opacity: 7;
opacity: 7;

}

.contentslide .contentdiv{
display: none;
}

.pagination{
width                   : 100%; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
height                  : 25px;
text-align              : right;
background-color        : #FFFFFF;
border                  : 0px;
padding                 : 5px 0px 0px 0px;
z-index                 : 100;
position                : relative;  
margin                  : -30px 0px 0px 0px;
color                   : #000000;

filter                  : progid:DXImageTransform.Microsoft.alpha(opacity=70);
-moz-opacity            : .7;
opacity                 : .7;
}

.pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 558px; /*IE5 width*/
width: 574px; /*IE6 width*/
}

.pagination a {
padding: 0 10px;
text-decoration: none; 
color: #000000;
background-color:Transparent;
height:25px;
}

.pagination a:active {
padding: 0 10px;
text-decoration: none; 
color: #000000;
background-color: Transparent;
height:25px;
}

.pagination a:link {
padding: 0 10px;
text-decoration: none; 
color: #000000;
background-color:Transparent;
height:25px;
}

.pagination a:hover, .pagination a.selected{
color: #FFFFFF;
background-color: #000000;
}

/* Einde opmaak voor de gallery slider */











