*{
	font-family: arial, verdana, sans-serif, helvetica, Trebuchet MS;
	font-size:12px;
	color:#ffffff;
	padding: 0;
	margin: 0;
}

html, body {
	Z-INDEX: 0;
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: auto;
	background-color:#000000;
	text-align: center;
	color:#ffffff;
	SCROLLBAR-FACE-COLOR: #cccccc;
	SCROLLBAR-HIGHLIGHT-COLOR: #cccccc;
	SCROLLBAR-SHADOW-COLOR: #cccccc;
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
}



#uitvergroting {position:absolute; top:35px; left:35px; width:350px; z-index:100;}
#uitvergroting a.p1, #menu a.p1:visited {display:block; width:350px; height:250px; text-decoration:none; top:0; left:0; border: 1px solid #FFFFFF;}
#uitvergroting a img {border:0;}
#uitvergroting a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#uitvergroting a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#uitvergroting a.p1:hover .large {display:block; position:absolute; top:-7px; left:-7px; width:620px; height:427px; border:1px solid #ffffff;}
/*#uitvergroting a.p1:hover .large {display:block; position:absolute; top:-35px; left:-35px; width:678px; height:478px; border:1px solid #ffffff;} --> zo moet ie zijn*/






/*************************************** BEGIN DIV POPUP ****************************************/
.popupcontainer {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index: 100;
	display:none;
}

.blackout{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000000;
filter: alpha(opacity=80);
opacity: .8;
z-index: 9;
}

.divpopup{
position: absolute;
top: 50%;
left: 50%;
margin-top: -251px; /*half of the height plus a little to the top*/
margin-left: -350px; /*half of the width */
border: 10px solid #6F7D91;
background-color: #8C98A6;
color: #000000;
padding: 0;
height: 500px;
width: 700px;
z-index: 10;
font-size: 12px;
}

#divpop_foto{
position:absolute;
top:35px;
left:35px;
width:350px;
height:250px;
clear:both;
border: 1px solid #FFFFFF;
z-index:-1;
}

#close_pop{
float:right;
text-align:right;
cursor:pointer;
padding:5 10 0 0;
}

#close_pop a{
text-decoration:none;
color: #333;
}

#close_pop a:hover{
color:#fff;
}

#pop_omschrijving{
position:absolute;
text-align: left;
top:35px;
left:400px;
width:250px;
height:250px;
color:#FFF;
padding: 0px;
}

span.popup {
	color:#ffffff;
	font-size:12px;
	overflow: auto;
	height: 400px;
	width: 250px;
	}

b.pop_omschrijving {
	color:#ffffff;
	font-size:15px;
	}
	
.pop_voor {
	color:#ffffff;
	font-size:24px;
	}
	
hr.pop_omschrijving {
	color: #ffffff;
	width: 230px;
	height: 1px;
}

a.wit {
	color:#ffffff;
}

a.wit:hover {
	color:#333333;
}	


b.pop_legwijze {
	color:#ffffff;
	font-size:12px;
	}

#pop_legwijzen {
position:absolute;
top:310px;
left:35px;
width:240px;
height:30px;
text-align: left;
z-index:0;
}
	
#pop_legwijze01 {
position:absolute;
top:340px;
left:35px;
width:140px;
height:100px;
clear:both;
text-align: left;
z-index:0;
}

#pop_legwijze02 {
position:absolute;
top:340px;
left:200px;
width:140px;
height:100px;
clear:both;
text-align: left;
z-index:0;
}

#pop_legwijze03 {
position:absolute;
top:340px;
left:365px;
width:140px;
height:100px;
clear:both;
text-align: left;
z-index:0;
}

img.pop_legwijze {
	width: 140px;
	height: 100px;
	border: 1px solid #FFFFFF;
}


#vorige {
position:absolute;
top:222px;
left:-4px;
width:32px;
height:56px;
clear:both;
cursor:pointer;
z-index:0;
}

#volgende {
position:absolute;
top:222px;
left:672px;
width:32px;
height:56px;
z-index:0;
}

/*************************************** EINDE DIV POPUP ****************************************/














/*************************************** BEGIN BROWSERFIX ****************************************/


.ie div#volgende {
left:652px;
}

.ie p {
width: 490px;
	}

.ie div#subnavigatie {
background-color:#798797;
	}

.ie a.subknop {
padding: 0 0 0 10;
margin: 0 -10 0 10;
  
}

.ie a.subknop-actief {
padding: 0 0 0 10;
margin: 0 -10 0 10;
}

/* zo moet ie zijn
.win.gecko div#uitvergroting a.p1:hover .large {
width:698px;
height:498px; 
}
****** hieronder staat de aangepaste  **********/ 

.win.gecko div#uitvergroting a.p1:hover .large {
width:640px;
height:442px; 
}
	
.mac.gecko li {

}

.webkit li {

}

.no_js { display: block }
.has_js { display: none }
.js .no_js { display: none }
.js .has_js { display: block }

/*************************************** EINDE BROWSERFIX ****************************************/










/*************************************** BEGIN SITE ****************************************/

#site-centreren {
	Z-INDEX: 0;
	width: 1000px;
	margin: 0 auto; 
    text-align: left; 
}

#container {
	position: relative;
	}
		
#logo-de-oude-klinker {
	Z-INDEX: 3;
	top: 0px;
	width: 420px;
	height: 170px;
	position: absolute;
}

#header-de-oude-klinker {
	Z-INDEX: 3;
	top: 0px;
	left: 421;
	width: 579px;
	height: 170px;
	position: absolute;
}




		
p {
	font-size:12px;
	line-height: 17px;
	padding: 5 30 10 0;
	position: relative;
}

p.tekst-rechts {
	font-size:12px;
	line-height: 17px;
	width:280px;
	display:block;
	padding: 5 30 10 0;
	position: relative;
}

b {
	font-size: 12px;
	FONT-WEIGHT: bold;
}

a {
	font-size: 12px;
	COLOR: #cccccc;
	TEXT-TRANSFORM: none;
	}

a:hover {
	COLOR: #ffffff;
	}

#hoofdnavigatie {
	z-index:7;
	top: 171px;
	left: 210px;
	width: 790px;
	height: 38px;
	background-color:#5D5E60;
	text-align: left;
	position: absolute;
}

a.hoofdknop {
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 38px;
	display: block;
	color: #aaaaaa;
	padding: 0 10 0 10;
	float:left;
	}

a.hoofdknop:hover {
	background-color:#5a728e;
	color: #ffffff;
			}

a.hoofdknop-actief {
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 38px;
	display: block;
	color: #ffffff;
	background-color:#000000;
	padding: 0 10 0 10;
	float:left;
	}
	
a.hoofdknop-actief:hover {
background-color:#000000;
color: #ffffff;
			}
			
span.spacer {
	width: 1px;
	height: 38px;
	background-color:#999999;
	float:left;
	margin: 0 10 0 10;
}
	
a.hoofdknop-megablock {
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 38px;
	display: block;
	color: #D0B04D;
	padding: 0 10 0 10;
	float:left;
	}

a.hoofdknop-megablock:hover {
	color: #D0B04D;
	background-color:#494A4B
			}
			
a.hoofdknop-megablock-actief {
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 38px;
	display: block;
	color: #ffffff;
	padding: 0 10 0 10;
	float:left;
	}
			
a.hoofdknop-megablock-actief:hover {
background-color:#494A4B;
color: #ffffff;
			}	

a.hoofdknop-aanbiedingen {
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 38px;
	display: block;
	color: #ffffff;
	background-color:#7c0202;
	padding: 0 10 0 10;
	float:left;
	}

a.hoofdknop-aanbiedingen:hover {
	color: #ffffff;
	background-color:#cc0000;
			}
			
a.hoofdknop-aanbiedingen-actief {
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 38px;
	display: block;
	color: #ffffff;
	background-color:#990000;
	padding: 0 10 0 10;
	float:left;
	}
			
a.hoofdknop-aanbiedingen-actief:hover {
background-color:#cc0000;
color: #ffffff;
			}
			
#hoofdstuk-actief {
	z-index:8;
	background-color:#3c434b;
	width:210px;
	height:38px;
	top:171px;
	left:0px;
	position:absolute;
}
			
a.hoofdknop-hardsteen {
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 38px;
	display: block;
	color: #9DA5B2;
	padding: 0 10 0 10;
	float:left;
	}

a.hoofdknop-hardsteen:hover {
	color: #9DA5B2;
	background-color:#13273f;
	}
	
	
a.hoofdknop-hardsteen-actief {
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 38px;
	display: block;
	color: #ffffff;	
	background-color:#000000;
	padding: 0 10 0 10;
	float:left;
	}
	
a.hoofdknop-hardsteen-actief:hover {
background-color:#000000;
color: #ffffff;
			}	

#hoofdstuk-actief {
	z-index:8;
	background-color:#3c434b;
	width:210px;
	height:38px;
	top:171px;
	left:0px;
	position:absolute;
}
	
span.hoofdstuk-actief {
	color: #63696f;
	font-size:13px;
	font-weight: bold;
	text-transform:uppercase;
	text-decoration: none;
	line-height: 38px;
	display: block;
	padding: 0 10 0 20;
	float:left;
}

#pijl{
	z-index:9;
	background-color:#798797;
	width:210px;
	height:9px;
	top:209px;
	position:absolute;
	float:left;
}

#subnavigatie {
	z-index:7;
	top: 218px;
	width: 210px;
	text-align: left;
	position: absolute;
	float:left;
	}

a.subknop {
	font-size: 13px;
	text-decoration: none;
	width: 190px;
	background-color:#798797;
	line-height: 30px;
	display: block;
	color: #ffffff;
	padding: 0 0 0 20;
	margin: 0 -10 0 0;
	border-bottom: 1px solid #FFFFFF;
	float:left;
	}

a.subknop:hover {
	background-color:#636d7a;
	background:url(images/subknop-verloop.gif);
	background-repeat:repeat-x;
	color: #ffffff;
			}

a.subknop-actief {
	font-weight: bold;
	background-color:#636d7a;
	background:url(images/subknop-verloop.gif);
	background-repeat:repeat-x;
	font-size: 13px;
	text-decoration: none;
	width: 190px;
	line-height: 30px;
	display: block;
	color: #ffffff;
	padding: 0 0 0 20;
	margin: 0 -10 0 0;
	border-bottom: 1px solid #FFFFFF;
	float:left;
	}
	
a.subknop-actief:hover {
	background-color:#636d7a;
	background:url(images/subknop-verloop.gif);
	background-repeat:repeat-x;
	color: #ffffff;
			}
p.gegevens {
	color:#cccccc;
	background:url(images/adresblok.jpg);
	background-repeat:no-repeat;
	line-height: 15px;
	font-size: 11px;
	width: 210px;
	height: 300px;
	left: 0px;
	padding: 80	0 0 25;
	position: relative;
	}

a.gegevens {
	color:#aaaaaa;
	font-size: 11px;
}

a.gegevens:hover {
	color:#ffffff;
}	

span.gegevens-kop {
	color:#ffffff;
	font-size: 16px;
	display:block;
	text-decoration:none;
	width: 180px;
	line-height: 22px;
	float:left;
}

a.gegevens-kop {
	color:#ffffff;
	font-size: 16px;
	display:block;
	text-decoration:none;
	width: 170px;
	line-height: 22px;
	float:left;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #cccccc;
}

a.gegevens-kop:hover {
	color:#dddddd;
	font-size: 16px;
	display:block;
	text-decoration:underline;
	width: 170px;
	line-height: 22px;
	float:left;
}
/*************************************** EINDE SITE ****************************************/


/****************************** BEGIN VOORBEELDEN BOVENIN *******************************/



#voorbeeld1 {
	Z-INDEX: 6;
	left: 235px;
	top: 235px;
	width: 142px;
	height: 120px;
	position: absolute;
	}

#voorbeeld2 {
	Z-INDEX: 6;
	left: 398px;
	top: 235px;
	width: 142px;
	height: 120px;
	position: absolute;
}

#voorbeeld3 {
	Z-INDEX: 6;
	left: 563px;
	top: 235px;
	width: 142px;
	height: 120px;
	position: absolute;
}

img.voorbeeld {
	width: 140px;
	height: 100px;
	border: 1px solid #aaaaaa;
}

span.voorbeeld {
	color:#cccccc;
	font-size: 12px;
	line-height: 14px;
	}
	
#voorbeeld1-rechts {
	Z-INDEX: 6;
	left: 773px;
	top: 235px;
	width: 227px;
	height: 120px;
	position: absolute;
	}

#voorbeeld2-rechts {
	Z-INDEX: 6;
	left: 773px;
	top: 375px;
	width: 227px;
	height: 120px;
	position: absolute;
}

#voorbeeld3-rechts {
	Z-INDEX: 6;
	left: 773px;
	top: 515px;
	width: 227px;
	height: 120px;
	position: absolute;
}

img.voorbeeld-rechts {
	width: 225px;
	height: 100px;
	border: 1px solid #aaaaaa;
}

/****************************** EINDE VOORBEELDEN BOVENIN *******************************/









/****************************** BEGIN ASSORTIMENT *******************************/



#assortiment1 {
	Z-INDEX: 6;
	left: 0px;
	margin-top: 10px;
	width: 142px;
	height: 120px;
	position: absolute;
	}

#assortiment2 {
	Z-INDEX: 6;
	left: 163px;
	margin-top: 10px;
	width: 142px;
	height: 120px;
	position: absolute;
}

#assortiment3 {
	Z-INDEX: 6;
	left: 326px;
	margin-top: 10px;
	width: 142px;
	height: 120px;
	position: absolute;
}

#assortiment4 {
	Z-INDEX: 6;
	left: 0px;
	margin-top: 150px;
	width: 142px;
	height: 120px;
	position: absolute;
	}

#assortiment5 {
	Z-INDEX: 6;
	left: 163px;
	margin-top: 150px;
	width: 142px;
	height: 120px;
	position: absolute;
}

#assortiment6 {
	Z-INDEX: 6;
	left: 326px;
	margin-top: 150px;
	width: 142px;
	height: 120px;
	position: absolute;
}

#assortiment7 {
	Z-INDEX: 6;
	left: 0px;
	margin-top: 290px;
	width: 142px;
	height: 120px;
	position: absolute;
}

#assortiment8 {
	Z-INDEX: 6;
	left: 163px;
	margin-top: 290px;
	width: 142px;
	height: 120px;
	position: absolute;
}

#assortiment9 {
	Z-INDEX: 6;
	left: 326px;
	margin-top: 290px;
	width: 142px;
	height: 120px;
	position: absolute;
}

#assortiment10 {
	Z-INDEX: 6;
	left: 0px;
	margin-top: 430px;
	width: 142px;
	height: 120px;
	position: absolute;
}

#assortiment11 {
	Z-INDEX: 6;
	left: 163px;
	margin-top: 430px;
	width: 142px;
	height: 120px;
	position: absolute;
}

#assortiment12 {
	Z-INDEX: 6;
	left: 326px;
	margin-top: 430px;
	width: 142px;
	height: 120px;
	position: absolute;
}

a.assortiment {
	font-size: 12px;
	COLOR: #eeeeee;
	TEXT-TRANSFORM: none;
	text-decoration:none;
	}

a.assortiment:hover {
	COLOR: #ffffff;
	text-decoration:underline;
	}


/****************************** EINDE ASSORTIMENT *******************************/










/****************************** BEGIN AANBIEDINGEN *******************************/

span.kop {
	color:#ffffff;
	font-size: 21px;
	line-height: 27px;
}

#tekst {
	Z-INDEX: 7;
	top: 359px;
	left: 235px;
	width: 540px;
	position: absolute;
}

#tekst-zonder-voorbeeldfoto {
	Z-INDEX: 7;
	top: 223px;
	left: 235px;
	width: 540px;
	position: absolute;
}

#tekst-rechts {
	Z-INDEX: 7;
	top: 223px;
	left: 740px;
	display:block;
	width: 200px;
	position: absolute;
}

H1 {
	Z-INDEX: 6;
	color:#cbceda;
	font-size:17px;
	display: block;
	width: 470px;
	padding: 20 0 0 0;
	border-bottom: 1px solid #AEB7C1;
	position: relative;
	}

H3 {
	Z-INDEX: 6;
	color:#cbceda;
	font-size:17px;
	display: block;
	width: 260px;
	padding: 20 0 0 0;
	border-bottom: 1px solid #AEB7C1;
	position: relative;
	}


#aanbieding1, #aanbieding2, #aanbieding3,#aanbieding4  {
	Z-INDEX: 6;
	width: 235px;
	height: 160px;
    margin-top: 10px;
	background-color:#b6b6b7;
	border-top: 30px solid #777b8b;
}

#aanbieding1 h3, #aanbieding2 h3, #aanbieding3 h3,#aanbieding4 h3 {

margin-left: 5px;
margin-top: -45px;
margin-bottom: 0px;
border: none;
}


img.aanbieding {
	width: 225px;
	height: 100px;
	margin: 5 5 5 5;
	border: 1px solid #ffffff;
}

H2 {
	Z-INDEX: 6;
	color:#ffffff;
	font-size:17px;
	line-height: 30px;
	display: block;
	width: 235px;
	margin: -30 0 10 5;
	position: absolute;
}

a.aanbieding {
	color:#ffffff;
	font-size: 12px;
	line-height: 17px;
	margin: 5 0 5 5;
	text-decoration: none;
}

a.aanbieding:hover {
	color:#ffffff;
	font-size: 12px;
	line-height: 17px;
	margin: 5 0 5 5;
	text-decoration: none;
}

span.aanbieding-voor {
	color:#ffffff;
	font-size: 17px;
	font-weight: bold;
	line-height: 17px;
	margin: 5 0 5 5;
	text-decoration: none;
}


sup.aanbieding {
	color:#ffffff;
}

span.aanbieding-voor {
	color:#ffffff;
	font-size: 17px;
	font-weight: bold;
	line-height: 14px;
	}

/****************************** EINDE AANBIEDINGEN *******************************/
	
	
a.disclaimer {
	color:#aaaaaa;
	font-size: 11px;
}

a.disclaimer:hover {
	color:#666666;
}	

span.disclaimer {
	color:#aaaaaa;
	font-size: 11px;
	line-height: 32px;
	height: 60px;
}

input.formulier, textarea.formulier {
	background-color:#aaaaaa;
	border:1px solid #AEB7C1;
}
		

/****************************** SITEMAP *******************************/	

#sitemap {
	Z-INDEX: 7;
	top: 223px;
	left: 235px;
	width: 470px;
	position: absolute;
}
	
a.sitemap {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	height: 14px;
	color: #cccccc;
	position:relative;
	border-bottom: 1px solid #CCC;
	display:block;
	padding: 3 0 3 0;
	}

a.sitemap:hover {
	color: #ffffff;
	text-decoration: underline;
			}
	
a.sitemap-subnav {
	font-size: 13px;
	text-decoration: none;
	height: 14px;
	color: #888888;
	position:relative;
	border-bottom: 1px solid #CCC;
	display:block;
	padding: 3 0 3 20;
	}

a.sitemap-subnav:hover {
	color: #ffffff;
	text-decoration: underline;
	}