html, body{
margin:0;
padding:0;
font-family:"Arial Narrow", Helvetica, sans-serif;
font-size:0.9250em;
overflow:auto;
}
body{
background-color:#fff;
background-image: url("images/bg_strip_top2.png");
background-position:-100px 0;	/* Voor uitlijning met logo! */
background-repeat:repeat-x;
}

/* TECHNIEK ACHTERGRONDEN! */
#miloo-loodgieters-home{
padding:0;
width: 1000px;
height: 680px;
margin: 50px auto 0 auto;	/* Voor uitlijning met bg_strip! */
overflow:hidden;
background-image: url("images/techniek_bg01.jpg");	/* Vage afbeelding van iets technisch als BG */
background-position:0 199px;
background-repeat:no-repeat;
}
#miloo-loodgieters-over_ons{
padding:0;
width: 1000px;
height: 680px;
margin: 50px auto 0 auto;	/* Voor uitlijning met bg_strip! */
overflow:hidden;
background-image: url("images/techniek_bg02.jpg");	/* Vage afbeelding van iets technisch als BG */
background-position:0 199px;
background-repeat:no-repeat;
}
#miloo-loodgieters-services{
padding:0;
width: 1000px;
height: 680px;
margin: 50px auto 0 auto;	/* Voor uitlijning met bg_strip! */
overflow:hidden;
background-image: url("images/techniek_bg03.jpg");	/* Vage afbeelding van iets technisch als BG */
background-position:0 199px;
background-repeat:no-repeat;
}
#miloo-loodgieters-tarieven{
padding:0;
width: 1000px;
height: 680px;
margin: 50px auto 0 auto;	/* Voor uitlijning met bg_strip! */
overflow:hidden;
background-image: url("images/techniek_bg04.jpg");	/* Vage afbeelding van iets technisch als BG */
background-position:0 199px;
background-repeat:no-repeat;
}
#miloo-loodgieters-contact{
padding:0;
width: 1000px;
height: 680px;
margin: 50px auto 0 auto;	/* Voor uitlijning met bg_strip! */
overflow:hidden;
background-image: url("images/techniek_bg05.jpg");	/* Vage afbeelding van iets technisch als BG */
background-position:0 199px;
background-repeat:no-repeat;
}
#miloo-loodgieters-referenties, #miloo-loodgieters-voorwaarden, #miloo-loodgieters-disclaimer, #miloo-loodgieters-404_error{
padding:0;
width: 1000px;
height: 680px;
margin: 50px auto 0 auto;	/* Voor uitlijning met bg_strip! */
overflow:hidden;
background-image: url("images/techniek_bg06.jpg");	/* Vage afbeelding van iets technisch als BG */
background-position:0 199px;
background-repeat:no-repeat;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Miloo-Loodgieters LOGO, SLOGAN en TOP-FOTO: */
#miloo-loodgieters_logo_met_slogan_en_foto{width:1000px;height:250px;}

/* Miloo-Loodgieters LOGO: */
#miloo-loodgieters_logo{
float:left;
margin:26px 0 0 0;
background: url("images/miloo-loodgieters_logo_bg.png");
background-position:top left;
background-repeat:no-repeat;
width:389px;
height:166px;
padding:0;
}
/* H2 met hacks voor diverse browsers!: */
h1{
font-family:"Arial Narrow", Helvetica, sans-serif;
font-size:1.8em;
font-weight:normal;
text-transform:uppercase;
letter-spacing:0.9900em;
text-align:left;
padding:0;
margin:4px 0 0 -2px;
color:#000;
}
h1 {
font-weight:normal;
font-size:1.8em;
color:#000;
voice-family:"\"}\"";
voice-family:inherit;
color:#000;\
color:#000;		/* moderne Mozilla browsers */
[color:#000;
color:#000;]	/* Chrome */
}
/*end*/
/*\*/
html*h1 {
[color:#000;
color:#000;
]color:#000;
]letter-spacing:1.8500em;
}/*end*/
.dummyend[id]{clear:both;}

/*\*/
* html h1 {
color:#000;
}
/*end*/

/* H2 met hacks voor diverse browsers!: */
h2{
font-family:"Arial Narrow", Helvetica, sans-serif;
font-size:1.4em;
font-weight:bold;
text-transform:none;
letter-spacing:0.09500em;
text-align:left;
padding:0;
margin:2px 0 0 -1px;
color:#0668b3;
}
h2 {
font-weight:bold;
font-size:1.6em;
color:#0668b3;
voice-family:"\"}\"";
voice-family:inherit;
color:#0668b3;\
color:#0668b3;		/* moderne Mozilla browsers */
[color:#0668b3;
color:#0668b3;]		/* Chrome */
}
/*end*/
/*\*/
html*h2 {
[color:#0668b3;
color:#0668b3;
]color:#0668b3;
]letter-spacing:0.1800em;
}/*end*/
.dummyend[id]{clear:both;}

/*\*/
* html h2 {
color:#0668b3;
}
/*end*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 24 uur er dag . 7 dagen per week . 365 dagen per jaar: */
#miloo-loodgieters_slogan{
float:left;
margin:18px 0 0 36px;
background: url("images/miloo-loodgieters_slogan_bg.png");
background-position:top left;
background-repeat:no-repeat;
width:229px;
height:209px;
padding:0;
}
/* FONTS SLOGAN: */
h3{
font-family:"Arial Black", Helvetica, sans-serif;
font-size:1.3em;
font-weight:normal;
text-transform:uppercase;
letter-spacing:-2px;
text-align:center;
margin:15px 0 0 0;
padding:0 6px 0 0;
color:#fff;
text-shadow: 0.0400em 0.0400em #545557
}
h3.tweede_slogan{
font-family:"Arial Black", Helvetica, sans-serif;
font-size:1.3em;
font-weight:normal;
text-transform:uppercase;
letter-spacing:-2px;
text-align:center;
margin:5px 0 5px 0;
padding:0 4px 0 0;
color:#fff;
text-shadow: 0.0400em 0.0400em #545557
}
h3.derde_slogan{
font-family:"Arial Black", Helvetica, sans-serif;
font-size:1.3em;
font-weight:normal;
text-transform:uppercase;
letter-spacing:-2px;
text-align:center;
margin:0;
padding:0 8px 0 0;
color:#fff;
text-shadow: 0.0400em 0.0400em #545557
}

h4{
font-family:"Arial Black", Helvetica, sans-serif;
font-size:1.8em;
font-weight:normal;
text-transform:uppercase;
letter-spacing:-2px;
text-align:center;
padding:0 7px 0 0;
margin:0;
color:#ffff00;
text-shadow: 0.0400em 0.0400em #545557;
}
.bel{width:183px;height:18px;text-align:center;background:#fff;color:#ff0000;padding:0;margin:9px 0 4px 20px;font-weight:bold;}

/* FOTO rechtsboven: */
#miloo-loodgieters_top_foto{
float:right;
display:block;
background: url("images/miloo-loodgieters_foto_bg.png");
background-position:top left;
background-repeat:no-repeat;
width:251px;
height:176px;
color:#fff;
margin:18px 0 0 0;
padding:33px 40px 44px 38px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Miloo-Loodgieters MAIN MENU, INHOUD en BOTTOM-FOTO: */
#miloo-loodgieters_menu_tekst_foto{width:1000px;height:339px;}

/* Miloo-Loodgieters MAIN MENU: */
#miloo-loodgieters_menu{float:left;width:116px;margin:20px 0 0 -1px;*margin:18px 0 0 -1px;}

#main_menu{padding: 0;margin: 0;width: 116px;}

#main_menu li{list-style: none;margin:0 0 3px 0;padding:0;}

#main_menu li a#current{
font-family:"Arial Black", Helvetica, sans-serif;
font-size:1.4em;
font-weight:normal;
text-transform:uppercase;
text-align:center;
text-decoration: none;
letter-spacing:-0.0250em;
color:#d4ae39;
}
#main_menu li a, #main_menu li a:visited {
font-family:"Arial Black", Helvetica, sans-serif;
font-size:1.4em;
font-weight:normal;
text-transform:uppercase;
text-align:center;
text-decoration: none;
letter-spacing:-0.0250em;
color:#0668b3;
}
#main_menu li a:hover {text-decoration: none;color:#d4ae39;}
#main_menu li a:active {text-decoration: none;color:#000;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* SUB MENU onder MAIN MENU: */
#main_sub_menu{padding: 0;margin:25px 0 0 0;*margin:22px 0 0 0;width: 116px;}

#main_sub_menu li{list-style: none;margin:0 0 6px 0;padding:0;}

#main_sub_menu li a#current{
font-family:"Arial Black", Helvetica, sans-serif;
font-size:0.9em;
font-weight:normal;
text-transform:uppercase;
text-align:center;
text-decoration: none;
letter-spacing:-0.0250em;
color:#d4ae39;
}
#main_sub_menu li a, #main_sub_menu li a:visited {
font-family:"Arial Black", Helvetica, sans-serif;
font-size:0.9em;
font-weight:normal;
text-transform:uppercase;
text-align:center;
text-decoration: none;
letter-spacing:-0.0250em;
color:#0668b3;
}
#main_sub_menu li a:hover {text-decoration: none;color:#d4ae39;}
#main_sub_menu li a:active {text-decoration: none;color:#000;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Miloo-Loodgieters INHOUD (tekst): */
#miloo-loodgieters_inhoud{
float:left;
margin:21px 0 0 69px;
*margin:18px 0 0 69px;
padding:0;
width:453px;
height:410px;
overflow-x:hidden;
overflow-y:auto;
}
/* FOTO onder FOTO rechtsboven: */
#miloo-loodgieters_bottom_foto{
float:right;
display:block;
background: url("images/miloo-loodgieters_foto_bg.png");
background-position:top left;
background-repeat:no-repeat;
width:251px;
height:176px;
color:#fff;
margin:-3px 0px 0 0;
*margin:16px 0px 0 0;		/* IE7! */
padding:33px 40px 44px 38px;
color:#fff;
}

/* (Klik op een foto voor een vergroting): */
.foto_uitleg{	
float:right;
font-style:italic;
font-size:1.2em;
color:#0668b3;
padding:10px 58px 0 0;
*padding:10px 54px 0 0;		/* IE7! */
}
/* FOTO BORDERS (zowel top als bottom foto!): */
#miloo-loodgieters_top_foto img, #miloo-loodgieters_bottom_foto img{
border:1px solid #fff;
border-top-color:#fff;
border-right-color:#d4ae39;
border-bottom-color:#d4ae39;
border-left-color:#fff;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* FOOTER (blauwe balk onderaan!): */
#footer {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 25px;
background:#0668b3;
color:#fff;
visibility: visible;
display: block
}
#footer_inner{
width: 1000px;
margin: 0 auto 0 auto;
padding:3px 0 0 0;
}
#footer_inner span{font-size:0.9em;font-weight:bold;margin-left:-1px;}

#footer_inner a, #footer_inner a:visited{color:#fff;text-decoration:none;}
#footer_inner a:hover{color:#ffff00;text-decoration:underline;}

.installatie_reparatie_onderhoud{color:#fff;padding-left:56px;}
.emailadres{color:#fff;padding-left:32px;}


p.blauw{
font-family:"Arial Narrow", Helvetica, sans-serif;
font-size:1.2em;
font-weight:normal;
text-transform:none;
letter-spacing:0;
text-align:left;
background:transparent;
color:#0668b2;
}

/* OVERIG: */
h2.leus_bij_tekst{
font-family:"Arial Narrow", Helvetica, sans-serif;
font-size:2em;
font-weight:normal;
text-transform:none;
letter-spacing:0;
text-align:left;
padding:0;
margin:0;
background:transparent;
color:#0668b2;
text-shadow: 0.1em 0.0500em transparent;
}
h2.leus_bij_tekst_centered{
font-family:"Arial Narrow", Helvetica, sans-serif;
font-size:2em;
font-weight:normal;
text-transform:none;
letter-spacing:0;
text-align:center;
padding:0;
margin:0;
background:transparent;
color:#0668b2;
text-shadow: 0.1em 0.0500em transparent;
}
h2.leus_bij_tekst_right{
font-family:"Arial Narrow", Helvetica, sans-serif;
font-size:2em;
font-weight:normal;
font-style:italic;
text-transform:none;
letter-spacing:0;
text-align:right;
padding:0;
margin:0;
background:transparent;
color:#0668b2;
text-shadow: 0.1em 0.0500em transparent;
}

/* Tbv LOGO teksten: */
h1 a, h1 a:visited{color:#000;text-decoration:none;}
h1 a:hover{color:#000;text-decoration:none;}

h2 a, h2 a:visited{color:#0668b2;text-decoration:none;}
h2 a:hover{color:#0668b2;text-decoration:none;}


p{margin:0;padding:0 0 15px 0;font-size:1.2em;line-height:1.4em;color:#000;}
p.eerste_alinea{margin:0;padding:0 0 15px 0;font-size:1.2em;line-height:1.4em;font-weight:bold;color:#000;}
p.eerste_alinea_centered{margin:0;padding:0 0 15px 0;text-align:center;font-size:1.2em;line-height:1.4em;font-weight:bold;color:#000;}

p.eerste_alinea_error{margin:0;padding:0 0 15px 0;font-size:1.2em;line-height:1.4em;font-weight:bold;color:#ff0000;}

.right{text-align:right;}

.right strong{color:#000;}

a, a:visited{color:#0668b2;text-decoration:none;}
a:hover{color:#000;text-decoration:underline;}

img{border:0px solid #000;font-size:11px;background:#0668b2;color:#fff;text-align:left;}

img.miloo{
font-family:"Arial Black", Helvetica, sans-serif;
font-size:9.5em;
font-weight:normal;
padding:0;
margin:0;
line-height:0;
color:#0668b2;
background:transparent;
}

strong{color:#0668b3;}

/* LIGHTBOX voor vergrotingen van foto's: */
#lightbox{
color:#fff;
background-color:#0668b3;
padding: 25px 25px 16px 25px;
margin:-50px 0 0 0;
}
#lightboxDetails{
font-size: 1.2em;
padding-top: 0.4em;
}	
#lightboxCaption{ float: left; }
#lightboxSubCaption{ float: right; color: #fff; padding-left:421px;}
#keyboardMsg{ float: right; }
#closeButton{ top: 2px; right: 2px; }

#lightbox img{ clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
background-color: #0668b3;
back\ground-color: transparent;
background-image: url(http://www.miloo-loodgieters.nl/images/blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
}

/* TOOLTIP - Korte omschrijving onMouseOver bij 2 foto's: */
div#qTip {
padding: 0px 5px 0px 5px;
border: 1px solid #0668b3;
display: none;
background: #0668b3;
color: #fff;
font-family:"Arial Black", Helvetica, sans-serif;
font-size:1.1em;
font-weight:normal;
text-align: left;
position: absolute;
z-index: 1000;
}
.klein{color:#fff;}			/* Voor ToolTips bij Fotos! */

.groot{font-size:1.6em;}	/* Voor ToolTips bij LOGO! */

.merken_logo_links{font-size:0.6500em;}

td, th{font-size:1.1em;padding:0;}

table#tarieven{width:300px;}
table#tarieven td{border-bottom:1px solid #0668b3;padding:0 5px 4px 0;}
table#tarieven td.empty_rule{border-bottom:0px solid #fff;padding:0 5px 4px 0;}

table#merken_services, table#merken_services_b{width:440px;}
table#merken_services th, table#merken_services_b th{font-weight:normal;padding:0 0 5px 0;font-size:1em;}

.black{color:#000;}

/* Tbv preloading images, zie footer.php! */
.hidden_pic {display:none;}

/*
KLEUREN:
#0668b3		-	Basis blauw!
#d4ae39		-	Gelig/koper
#000		-	Zwart
#fff		-	Wit
*/
