.StyleSheetHiddenPlaceHolder { display: none; }

html, body {
    height:100%;
    margin:0;
    padding:0;

}
html{background:url('./76_electro-installatiebedrijfeindhoven-nl-html-002.gif') repeat-x 0px 60px #ffffff;
     overflow-y:scroll;
     overflow:-moz-scrollbars-vertical;}
body {background:transparent;}

h1{font-size:18px;}

table,tbody,tr,td {margin:0px;padding:0px;vertical-align:top;border:0px;}

ul{margin-left:-5px;}

.wrapper {
    margin:0px auto;
    background:#fff;/*  center column colur*/
    text-align:left;
    position:relative;
    margin-top:-240px;/* make space for footer*/
    z-index:0;
    min-height:100%;
    max-width:1260px;
}
.inner {
    width:100%;
    overflow:hidden;
    position:relative;
    z-index:3;
}
.header {    
    height:170px;
    text-align:center;
    clear:both;
    position:relative;
    z-index:2;
    margin:auto; 
    border-top:240px solid #00ffff;/* soak up negative margin to make way for footer*/
    padding:0px 0px 0px 0px;
}
.header01{height:60px;margin:0px;padding:0px;background:transparent;}

.emaillink{color:#000000;font-weight:800;text-decoration:none;}

.col{float:left; display:block;}

.weg_bij_smalvenster{font-family:Verdana;font-size:12px;}
.templates_includes_linkerkolom{overflow:hidden;font-family:Verdana;font-size:12px;}
.hoofdstuktitel{font-size:17px;font-weight:800;margin:20px 0px 0px 3px;}

a.horizontalbuttons:link {
    outline:0; text-decoration:none; 
    font-size:15px; color:#0000FF; font-weight:700;
    font-family: 'Open Sans Condensed', sans-serif;
    display:block; height:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
}
a.horizontalbuttons:visited {
    line-height:1.6em; color:#0000FF;font-family: 'Open Sans Condensed', sans-serif;
}
a.horizontalbuttons:hover { 
    color:#ff0000;font-family: 'Open Sans Condensed', sans-serif;
}
a.horizontalbuttons:active {
    color:#0000FF;       font-family: 'Open Sans Condensed', sans-serif; 
}

/*if we float the middle column we avoid the ie6 3 pixel jog and also keep columns in normal source order (left,middle right) but we need to use a negative margin offset to make it all fit.*/
.middle {
    float:left;
    width:100%;
    margin-right:0px;/* width of left and right columns */
}
.content {
    margin-right:0px;/* width of left and right columns */
}
.footer {
    background:url('./76-footer-002.gif') repeat-x 0px 0px #F4F4CB;	
    width:100%;
    clear:both;
    position:relative;
    z-index:2;
    height:230px;
    text-align:center;
    margin:auto;padding:10px 0px 0px 0px;
    font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0000E0;
}
/*The following  2 absolute columns that just hold the column colours */
/* there is no need to worry about being removed from the flow because these do not hold content but are just stuck to the parent container */
/* and set at 100% height. This ensures that they grow with the parent container. */
/* Its a shame that this behaviour doesn't apply to static elements and we'd all be a lot happier. */

#l {position:absolute; z-index:-1;
    width:15%;height:100%;
    bottom:0;left:0;
    background:transparent; /*#E3E3E1 left column color  grafic*/
    clear:both;
    border-right:0px solid #FF0000;
}
#r {position:absolute;z-index:-1;
    width:25%;height:100%;
    bottom:0;right:0;
    background:transparent; /*#E3E3E1 left column color  grafic*/
    clear:both;
    border-left:0px solid #00FF00;
}
* html .l, * html .r {
    height:999em;
    bottom:-1px
}
/* some breathing space*/
/* clear without structural mark-up */
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide - force layout in ie \*/
.clearfix {display: block;}
/* End hide */

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}