html
{
}
	
div
{
	border:0px solid black;
}

body
{
	background-color:white;
	width:100%;
	height:100%;
	overflow:hidden;
	margin:0px;	
	font-family:verdana;
	font-size:12px;
}

td{
font-family:verdana;
	font-size:12px;
}
div#content
{
	height:600px;
	background-color:#EFEFEF;
	margin-left:175px;
	margin-right:100px;
	margin-top:110px;
	overflow:scroll;
	overflow-x:hidden;
	width:705px;	
	background-repeat:no-repeat;
	background-position:top right;
	background-color:white;
	padding-left:5px;
	position:relative;
	z-index:3;
}

.fpHeader{
margin-left:130px;
}

.progress{
	padding-left:8px;
	width:120px;
	height:600px;
	left:885px;
	position:absolute;
	top:0px;
	z-index:17;
	
	background-color:white;	
	
	background-image:url("/graniet/images/left.jpg");
	background-repeat:no-repeat;
}

div#menu
{
	z-index:2;
	display:block;
	position:absolute;
	top:110px;
	width:175px;
	height:600px;
    background-color:white;	
	background-repeat:no-repeat;
	background-image:url("/graniet/images/left.jpg");
}

div#header
{
	z-index:4;
	top:0;
	display:block;
	position:absolute;
	width:1000px;
	height:110px;
	margin-left:0px;
	background-color:white;	
	background-image:url("/graniet/images/top2.jpg");
	
}


body>div#menu,body>div#header
{
	position:fixed;
	overflow:hidden;
}


a{outline:none}

.button, .button2{
width:100px;
background:#EBEFE0;
color:black;
font-weight:bold;
border:1px solid black;

padding:5px;
text-decoration:none;
}

.button2{
width:125px;
height:30px;
display:block
}

.button:hover{
	
}

td.bordertop{
	border-top:1px solid black;
}

fieldset legend{font-weight:bold}
fieldset{width:600px}

.normalPrice{font-weight:normal; color:black}
.selectedPrice{font-weight:bold; color:red}

.opstellingInput {display:none;height:150px;width:400px}

.tdMiniOpstelling{width:150px}



.opstellingContainer{
padding-left:20px;
padding-bottom:75px;
margin-top:15px;
}

.opstellingDetails{
height:300px;
display:inline;
float:left;
}


.tblMiniOpstellingen{
border-collapse:collapse;
border:1px solid black;
}

.tblMiniOpstellingen td{
	border:1px solid black;
	padding:10px;
	vertical-align:top;
}

.randafwerkingDetails{
display:none;
}

.randafwerkingInput{
margin-top:10px;
display:none;

}

.orderInfo{
	padding-top:5px;
	padding-left:10px;
	color:black;
	font-weight:bold;
}

.minifotos{
    height:130px;
    width:500px;
    padding:10px 0;
	
	left:400px;
    background-color:#fafafa;
    overflow:auto;
	border:1px solid black;
 }
 
.minifotos div {
    width:2246px;
    padding:0 10px;
}

.minifotos div img{
    border:5px solid #fff;
    float:left;
    display:inline;
    margin-right:10px;
 }

.opstellingInput{}


a.nolink{text-decoration:none;}
a{color:black;text-decoration:underline;font-weight:bold}
/*
a:hover{color:#5F5F5F;font-weight:bold}
*/
a.popupChosenColor{font-weight:normal}


.tblRandafwerkingSelect{
	border:1px solid black;
}

.spanVolgendeRandafwerking{
	position:absolute;
	left:675px;
	top:250px;
}

.randafwerkingContainer{
padding-left:5px;
}

#selectdikte{
margin-top:50px;
margin-left:30px;
display:none;
z-index:20;
}

#selranddikte{
z-index:20;
}

#kiesAfwerkingDikteFout{
	position:absolute;	
	
	display:none;
	background:url('/graniet/images/fout-kies-type-spoelbak.gif');
	background-repeat:no-repeat;
	background-position:top right;
	height:10px;
	width:165px;
	top:75px;
	left:390px;
	z-index:-1;
	padding-top:139px;
	color:red;
	font-weight:bold;
}

.kleurSelTopBorder{	
	width:850px;
	height:1px;
	background-color:white;
	position:absolute;
	left:170px;
	top:140px;
	z-index:2;
	line-height:1px;
}

.afwerkingoptiesContainer{
	border:1px solid black;	
	width:795px;
	height:135px;
	background-color:#EBEFE0;
	background-color:white;
	position:absolute;
	left:225px;
	top:110px;
	z-index:3;
	padding-left:5px;
}

.afwerkingoptiesContainer table td{
	margin-right: 5px;
	margin-left: 5px;
	padding:2px;
	
}


.afwerkingoptiesContainer table th{
	margin-right: 5px;
	margin-left: 5px;
	padding:5px;
	border: 1px dashed #B2BF8F;
	font-size:12px;
	text-align:left;
	background-color:#F6FFA6;
}

.spanNaamKleur{
font-weight:bold;
}


.tdStapInfo, .tdStapInfoBlink, .tdStapInfoDone{
	text-align:center;
	font-weight:bold;
	
}

.tdStapInfoDone{
	background-color:#F6FFA6;
	border:1px dashed #B2BF8F;
}

.tdStapInfoBlink{
	background-color:#EDFF4F;
	border:1px dashed red;
}

.tdStapInfo {
	background-color:white;
	border:1px dashed #B2BF8F;
}

.prijsgroepnummers{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	width:100px;
}

.thumbtable{
	width:850px;	
	margin-top:150px;
	border-collapse:collapse;

}

/*
.thumbeven td{background-color:#EFEFEF;border-bottom:1px solid black}

.thumbodd td{background-color:#FFFFEF;border-bottom:1px solid black}
*/

.thumbHeading td{border-bottom:1px solid black}

/*
.tdThumb, .tdThumbActive{
	padding-left:10px;
	padding-right:10px;
	font-size:10px;
	width: 100px;
	height:130px;
	background-repeat:no-repeat;
	background-image:url("/graniet/images/background-blokje-graniet.jpg");
}

.tdThumbActive{
	/*
	border:1px dashed red;
	background-color:#FFFFCF;
	*//*
}
*/

.granietBlokkenContainer{
	/*line-height:155px;*/
	
	
}

.fieldsetBlokkenOdd, .fieldsetBlokkenEven {		
	margin-left:10px;
	width:655px;
}

legend{margin-top:20px}
.legendPrijsgroep0{margin-top:0px;}

.prijsgroep {
	position:absolute;
	left:110px;
	top:-2px;
	font-size:14px;
	background-repeat:no-repeat;	
	width:20px;
	height:20px;
}
/*
.prijsgroep0{
	background-image:url("/graniet/images/prijsgroep0.gif");
}
.prijsgroep1{
	background-image:url("/graniet/images/prijsgroep1.gif");
}
.prijsgroep2{
	background-image:url("/graniet/images/prijsgroep2.gif");
}
.prijsgroep3{
	background-image:url("/graniet/images/prijsgroep3.gif");
}
.prijsgroep4{
	background-image:url("/graniet/images/prijsgroep4.gif");
}
.prijsgroep5{
	background-image:url("/graniet/images/prijsgroep5.gif");
}
*/


.highslide{
margin-top:5px;
display:block;
text-align:right;
}

.granietRowOdd, .granietRowEven{
	width:100%;
	float:left;
	
}

.granietRowEven{background-color:white;}
.granietRowOdd{background-color:white;}

.tdNaarBoven, .tdNaarBovenBlink{
	text-align:center;
	visibility:hidden;
	border:1px dashed white;
}

.tdNaarBovenBlink{	
	text-align:center;
	height:75px;
	vertical-align:middle;	
	visibility:visible;	
	border:1px solid red;
}

.tdNaarBoven a,
.tdNaarBovenBlink a,
.tdNaarBovenBlink a:hover{
	text-decoration:none;
	width:100%;
	display:block;
}

.tdNaarBovenBlink a:hover{
	background-color:#FFFFCF;
}


.toplink, .toplinkshow{
	visibility:hidden;
	z-index:2;
	position:absolute;
	background-color:white;
}

.toplinkshow{
	visibility:visible;
}

.welkom{
	PADDING-left:10px;
}



.blok, .blokActive, .blokOver, .blokActiveOver{
	padding-left:0px;
	margin-left:5px;
	padding-right:0px;
	padding-top:7px;
	font-size:10px;
	width: 120px;
	height:130px;
	background-repeat:no-repeat;
	background-image:url("/graniet/images/bg-blokje-graniet.jpg");
	float:left;
	line-height:10px;
	text-align:center;
	margin-right:2px;
	position:relative;
} 

.blokActive{	
	background-image:url("/graniet/images/background-blokje-graniet-active.jpg");
}

.blokOver{
	background-image:url("/graniet/images/bg-blokje-graniet-over.jpg");
 }
 
.blokActiveOver{
	background-image:url("/graniet/images/bg-blokje-active-over.jpg");
 }
 
.wideBlok, .wideBlokActive, .wideBlokOver, .wideBlokActiveOver{
	padding-left:0px;	
	padding-right:0px;
	padding-top:7px;
	font-size:10px;
	width:160px;
	height:130px;
	background-repeat:no-repeat;
	background-image:url("/graniet/images/bg-blokje-graniet-wide.jpg");
	float:left;
	line-height:10px;
	position:relative;
}

.wideBlokActive{	
	background-image:url("/graniet/images/bg-blokje-graniet-active-wide.jpg");
}

.wideBlokOver{
	background-image:url("/graniet/images/bg-blokje-graniet-wide-over.jpg");
 }
 
.wideBlokActiveOver{
	background-image:url("/graniet/images/bg-blokje-active-over-wide.jpg");
 }
 
.blokHrefImage{
 height:85px;
 width:100px;
 display:block;
 }
 
 .wideBlokHrefImage {
 height:85px;
 width:160px;
 display:block;
 }
 
.blokImage{
	margin-left:4px;
 }
 
 
.spoelbakRowOdd, .spoelbakRowEven{
	width:100%;
	float:left;
}

.typeBladContainer a{
	width:150px;
	display:block;
}

.activeOfferteLink a{
	color:black;
}


.divKleurkeuze select{
	width:100px;
}


.kleurSelectOpties{
	border:1px solid grey;	
	width:120px;
	height:500px;
	background-color:#EBEFE0;
	background-color:white;
	position:absolute;
	left:200px;
	top:150px;
	z-index:3;
	/*
	border-right:1px solid dashed;
	border-bottom:1px solid dashed;
	*/
	border-top:1px solid #FFF9EF;
	border-left:1px solid #FFF9EF;
	
	padding:1px;
	
	display:none;
}



.popupBlanket {
	background-color:#111;
	opacity: 0.40;
	filter:alpha(opacity=40);
	position:absolute;
	z-index:4;
	top:112px;
	left:178px;
	width:706px;
	height:600px;
	height:100%;
	display:none;
}

.popupdivcolor{
	width:500;
	height:300px;
	z-index:240;
	position:absolute;
	left:275px;
	top:150px;
	border:2px solid black;
	background-color:#EFEFEF;
	display:none;
}


#zoomColorText{
	position:absolute;
	z-index:10;
	opacity: 0.65;
	filter:alpha(opacity=65);
	margin-top:-20px;	
	background:white;
	width:231px;
	text-align:center;
	top:262px;
	left:11px;
}

.shadow0, .shadow1, .shadow2, .shadow3, .shadow4{
	position:absolute;
	z-index:4;
	padding:1px;
	width:499px;
	height:299px;
	display:none;
}

.shadow0{
	left:300px;
	top:300px;
	border:1px solid #3F3F3F;
}


.shadow1{
	left:301px;
	top:301px;
	border:1px solid #6F6F6F;
}

.shadow2{
	left:302px;
	top:302px;
	border:1px solid #AFAFAF;
}

.shadow3{
	left:303px;
	top:303px;
	border:1px solid #DFDFDF;
}

.afmetinginput, .afmetinginputHoek, .randCheckbox{
	display:none;
}


.afmetinginput input{
width:30px;
background:white;
border:1px solid black;
opacity: 0.80;
	filter:alpha(opacity=80);
	color:black;
	background-image: url("images/bg-input-centimeters.jpg");

}

.afmetinginputHoek select{
width:75px;
}

.popupAfmeting {
	width:600px;
	height:470px;
	z-index:4;
	position:absolute;
	left:225px;
	top:150px;
	border:2px solid black;
	background-color:#EFEFEF;
	display:none;
	padding:0px;
	
}

.popupRanden{
	width:600px;
	height:470px;
	z-index:4;
	position:absolute;
	left:225px;
	top:150px;
	border:2px solid black;
	background-color:#EFEFEF;
	display:none;
}

.tblSpoelbakTabs td{
	border:1px solid black;
	border-top:none;
}
.tblSpoelbakTabs{
	 width:100%;
}


.tblSpoelbakTabs td.tdtab{
border-right:none;
padding:5px;
}

.tblSpoelbakTabs td.tdtab a{
text-decoration:none;
display:block;
padding:5px;
}
.tblSpoelbakTabs td.tdtab a:hover{
background:white;
}

.divgeen, .divInleg, .divOnderbouw{
display:none;
}

.divInleg fieldset{
width:600px;
}


.tblSpoelbakTabs fieldset{
margin-left:5px;
}

.popupSpoelbak, .popupVerschilSpoelbak{
	width:600px;
	height:450px;
	z-index:4;
	position:absolute;
	left:225px;
	top:150px;
	border:2px solid black;
	background-color:#EFEFEF;
	display:none;
}

.popupVerschilSpoelbak{
	padding-left:10px
}

#prijsincuitsparing{
	font-weight:bold;
}
#prijsincuitsparing span{
	color:Red;
	text-decoration:underline;
}
.prijsincuitsparing{
	font-weight:bold;
}
.prijsincuitsparing span{
	color:Red;
	text-decoration:underline;
}

.popupKookUitsparing{
	width:600px;
	height:450px;
	z-index:4;
	position:absolute;
	left:225px;
	top:150px;
	border:2px solid black;
	background-color:#EFEFEF;
	display:none;
}



.progressBlokContainer{
	border:1px solid #9F9F9F;	
	border-left:none;
	border-top:none;
	margin-bottom:3px;
	width:117px;
}

.progressBlokBorder{
	border:1px solid grey;	
	border-left:none;
	border-top:none;	
	width:116px;
}


.progressBlok{
	opacity: 1.00;
	filter:alpha(opacity=100);
	border:1px solid black;	
	width:115px;
	
	font-size:10px;
	background:#EFEFEF;
	text-align:center;
	border-left:none;
	border-top:none;
	padding-bottom:2px;
}

.progressBlokEmpty{
	opacity: 0.30;
	filter:alpha(opacity=30);
	border:1px solid black;	
	width:115px;	
	font-size:10px;
	background:white;
	text-align:center;
	border-left:none;
	border-top:none;
	padding-bottom:2px;
	
}


.selectieBlokContainer{
	border:1px solid grey;
	width:115px;
	left:765px;
	top:5px;
	margin-bottom:5px;
	border-left:none;
	border-top:none;
	position:absolute;
}

.selectieBlok{
	border:1px solid black;
	width:115px;
	height:23px;
	
	font-size:10px;	
	background:white;
	background-repeat:no-repeat;
	background-image:url(images/selectie_pijltjes_rechts.gif);
	text-align:center;
	border-left:none;
	border-top:none
	
}

.selectieBlok a{text-decoration:none; padding:3px;
}

.selectieBlok a:hover{border-bottom:1px dashed red; 
}

.afmetingOfferte{
	position:absolute;	
	width:30px;
	height:15px;
	padding:2px;
}

.offerteHeader{
	background:yellow;
}

.offerteBlok{
	margin:5px;
	clear: both;
	border:1px dashed #CCCCCC;	
	width:650px;
	font-weight:bold;
	margin-bottom:20px;
}


.offertecontent{
font-weight:normal;
padding:7px;
border:1px dashed grey;
}

.randCheckboxOfferte{
width:16px;
height:16px;
position:absolute;
}

.error{
	color:red;
	padding:5px;
	padding-bottom:20px;
	padding-left:50px;
	
}


.hoewerkthet{
	margin-left:25px;
	padding-left:35px;
	padding-top:4px;
	color:white;
	background-image:url(/graniet/images/hoekpijltje-naar-link.gif);
	background-repeat:no-repeat;
	display:block;
	height:25px;
}

.kiesafwerkinggraniet, .kiesafwerkingcomposiet{
	display:none;
	z-index:11;
	left:330px;
	top:40px;
	position:absolute;
	color:red;
	font-weight:bold;
	width:190px;
	height:136px;
	background-image:url(images/kies-afwerking.gif);	
}

.kiesafwerkinggraniet{
	top:72px;
}

/*firefox only "css-hack": childselector*/
html>body .kiesafwerking {top:40px;}
html>body .kiesafwerkinggraniet {top:71px;}

.kiesafwerkingtxt{
	position:relative;
	top:122px;	
}

.kiesKraangatentxt{
	position:relative;
	top:160px;	
	left:5px;
}

.kiesKraangaten{
	display:none;
	z-index:6;
	left:370px;
	top:80px;
	position:absolute;
	color:red;
	font-weight:bold;
	width:200px;
	height:175px;
	background-image:url(images/kies-kraangaten-bg.gif);	

}

.fldOnvolledigOfferte li{
	margin-left:50px;
	margin-top:10px;
}

.fldOnvolledigOfferte legend{
	color:red;
}




.offerteInhoud{
	
	
}

.offerteTekst{
display:none;
padding-left:15px;
line-height:25px;
}


.opstellingnr{
	position:absolute;
	z-index:2;
	padding-left:3px;
	left:-3px;
	top:-8px;
	background-image:url("images/rondje-opstelling-nr.gif");
	background-repeat:no-repeat;
	width:23px;
	height:23px;
	padding-top:6px;
	padding-right:4px;
}

.infotext ul{
margin-top:2px;
}

.infotext{
	padding-left:15px;
	padding-bottom:50px;
}

.infotext a{text-decoration:none;
border-bottom:1px solid red}

.infotext a:hover{
border-bottom:1px dashed red}

.tblVoorwaarden td{
padding-left:5px;
}

.tblVoorwaarden h3{
padding-top:25px;
}

#offerteaanvragen{
	margin:2px;
}

a.btnClearSession, a.bntSluitAfmetingen{
	margin-top:20px;
	text-decoration:none;
	border:2px solid grey;
	border-left:2px solid white;
	border-top:2px solid white;
	background-color:white;	
	padding:2px;
	display:block;
	margin-left:3px;
	background-color:#DFDFDF;
	width:100px;
	text-align:center;
}

.btnClearSession:hover{
	border-left:2px solid yellow;
	border-top:2px solid yellow;
}

a.bntSluitAfmetingen:hover{
	border:2px solid white;
	border-left:2px solid black;
	border-top:2px solid black;
}

img.clearCross{
position:relative;
z-index:2;
left:104px;
top:-27px;
}

img.sluitenAfmetingenKruis{
position:absolute;
margin-top:-27px;
margin-left:46px;
}


#errorMatenVerplicht{
	border:2px solid red;
	padding:10px;
	display:none;
	margin-top:25px;
	width:160px;
}

.matenZoomPopup{
	display:block;
	text-decoration:none;
	position:relative;
	border:none;
}

.matenZoomPopup:hover{
	cursor: url('/graniet/images/zoomout.cur'), auto;
	
}


.akkoorddivBorder2{
	width:282px;
	height:182px;
	border:1px solid #9F9F9F;
	border-left:none;
	border-top:none;
	position:absolute;
	left:550px;
	top:50px;
	z-index:2;
}

.akkoorddivBorder1{
	width:281px;
	height:181px;
	border:1px solid grey;
	border-left:none;
	border-top:none;
	position:relative;
	z-index:4;
}

.akkoorddiv{
	border:1px black solid;
	border-left:1px solid grey;
	border-top:1px solid grey;
	width:280px;
	height:180px;
	position:relative;
	background:#B5DFB5;
	z-index:6;
}

.akkoorddiv a{
	width:150px;
	height:25px;
	border:1px grey solid;
	background:#CCCCCC;
	color:green;
	font-weight:bold;
	display:block;
	text-decoration:none;
	margin-top:20px;
	position:relative;
	
	padding-top:15px;
	padding-bottom:15px;
	border:1px solid black;
}

.akkoorddiv a:hover{
	background:#EFEFEF;
	color:#63AF62
}

.akkoorddiv hr{
	border:none;
	border-top:1px dashed black;
	
	margin-left:5px;
	margin-right:5px;
}

.leverweekDiv{
	padding:3px;
	border:1px solid #B5DFB5;
	width:260px;
	padding-bottom:10px;
}

.prijsAkkoord{
	font-size:18px;
	margin-top:5px;
	padding-top:10px;
	padding-bottom:10px;
	width:75px;
	background:#EFEFEF;
	border:1px dotted red;
}

.opstellingLegenda{
	margin-top:5px;
	padding:15px;
	background:#EFEFEF;
	width:560px;
	margin-left:30px;
	border:1px solid #b7bea5;
	border:none;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	
}


.legendItem{
	float:left;
	margin-left:45px;
	color:#6F6F6F;
}

.legendImage{
	height:35px;
}


.divFinalMessage{
	margin-top:70px;
	margin-left:100px;
}

.divFinalMessage .progressBlok{
	font-size:14px;
	text-align:left;

	height:200px;
	width:498px;
}

.divFinalMessage .progressBlokBorder{
width:499px;

}

.divFinalMessage .progressBlokContainer{
width:500px;

}

.textMessage{
	padding:25px;
}

.logoHrefImage{
	display:block;
	width:335px;
	height:100px;
	position:absolute;
	left:8px;
	top:1px;	
	z-index:25;
}

.infoMenu{
	margin-left:6px;
	margin-top:35px;
	font-size:11px;
}

.infoMenu a, .infoMenuSmall a{
	display:block;
	width:145px;
	padding:3px;
	margin:2px;
	text-decoration:none;
	border:1px solid white;
	color:white;
	background:#7F7F7F;
	font-weight:normal;
}

.infoMenu a.activeLink{
	background:white;
	color:black;
	width:155px;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid black;
}


.infoMenuSmall a{
	font-size:10px;
	font-weight:normal;
	padding:1px;
	width:135px;
	margin-left:17px;	
}

.infoMenu a:hover, .infoMenuSmall a:hover{	
	border:1px solid black;
}

.infoMenuSmall a.activeLink{
	background:white;
	color:black;
	width:140px;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid black;
}


.infoMenuHeader, .offerteStappen {
	display:block;
	padding:2px;
	border:1px solid white;
	border-bottom:none;
	background:black;
	color:white;
	font-size:12px;
	font-weight:bold;
	display:block;
	width:130px;
	text-align:center;
	margin-left:13px;
}

.infoMenu .infoMenuHeader{
	margin-left:2px;
	
}

.infoMenuSmall .infoMenuHeader{
margin-top:15px;
margin-left:17px;
width:105px;
font-size:10px;
padding:1px;
}

.offerteStappen{
width:115px;
margin-left:2px;
}


/*
menu items
*/


.submenuOfferte{
	margin-left:3px;
	margin-top:10px;
	padding-right:3px;
}


.submenuOfferte a {
	color:black;
	text-decoration:none;
	width:152px;
	border:1px solid white;
	display:block;
	padding:2px;
	margin:2px;
	background-color:#DFDFDF;
	font-weight:normal;

}

.submenuOfferte a:hover{	
	border-left:1px dotted black;
	border-bottom:1px solid black;
}

.submenuOfferte a.activeLink{
	background:white;
	color:black;
	width:165px;
	font-weight:bold;
	/*
	padding-top:3px;
	padding-bottom:3px;
	*/
	
	
}

.submenuOfferte a.activeLink:hover{
	background:white;
	color:black;
}


.submenuOfferte a .nr{
font-size:9px;
}



.hoofdmenu{
	padding-left:365px;
	margin-top:31px;
}


.hoofdmenuleft td{width:130px;text-align:center;height:32px;padding-left:5px}
.hoofdmenuleft td a{text-decoration:none;display:block;width:126px;
	padding-bottom:8px;padding-top:6px;background-image:url(/graniet/images/hoofdmenu-button.jpg);}
.hoofdmenuleft td a:hover{text-decoration:none;background-image:url(/graniet/images/hoofdmenu-button-over.jpg);}

.hoofdmenu a{color:white;
display:block;
margin:5px;
text-decoration:none;
width:115px;}


.hoofdmenu a:hover{
	text-decoration:underline;
}


.hoofdmenu_site6x a{
		width:315px;
		display:inline;
		margin-right:30px;
		text-decoration:underline;
}


.hoofdmenu a:hover{
	background-color:grey;
}

.hoofdmenu_site6x{
margin-top:90px;
padding-left:275px;
}



/* checkmark */
.soortWerkbladContainerOver .checkmarkSteentype,
.soortWerkbladContainer .checkmarkSteentype{
position:absolute;
z-index:112;
left:120px;
margin-top:30px;}

.checkmarkKleur{
position:absolute;
left:60px;
top:-22px;
z-index:11;
}

 .checkmarkOpstelling{
 position:absolute; 
 width:55px;
 height:67px;
left:-7px;
top:-19px;
z-index:1;
 }
 
 .checkmarkRandafwerking{
 position:absolute;
left:4px;
top:-22px;
z-index:1;
 }
 
 .checkmarkSpoelbak{
  position:absolute;
left:4px;
top:-22px;
z-index:1;
 }
 
  
 .checkmarkKraan{
  position:absolute;
left:4px;
top:-22px;
z-index:1;
display: none;
 }
.checkmarkKookplaat{
	position:relative;
	left:-50px;
	top:-22px;
	z-index:1;
}

.checkmarkAchterkant{

position:relative;
	left:-50px;
	top:-22px;
	z-index:1;
}

.silestoneThumbLogo{
	position:absolute;
	left:60px;
	top:-6px;
	z-index:2;
}

.direscoThumbLogo{
	position:absolute;
	left:65px;
	top:-1px;
	z-index:2;
}

.caesarThumbLogo{
	position:absolute;
	left:55px;
	top:-3px;
	z-index:2;
}

#popupsilestoneimage{
visibility:visible;
position:absolute;
	left:140px;
	top:26px;
	z-index:2;
}

#popupcaesarimage{
visibility:visible;
position:absolute;
	left:69px;
	top:21px;
	z-index:5;
}

#popupdirescoimage{
visibility:visible;
position:absolute;
	left:110px;
	top:19px;
	z-index:2;
}

.tabEnPrijzenContainer{
	margin-top:20px;
}
.tabContainer{
	width:350px;
	position:absolute;
	height:50px;
	left:50px;
	z-index:5;
}

#tabgraniet, #tabcomposiet, #tabspoelbakken{
	float:left;
	width:100px;	
	text-align:center;
	line-height:40px;
	display:block;
}

.prijzenContainer{
	width:600px;
	position:absolute;	
	margin-top:49px;	
	border:1px solid black;
	border-bottom:none;
	
}
#prijzengraniet, #prijzencomposiet, #prijzenspoelbakken{
	float:left;	
	height:100%;
	padding:5px;
	padding-top:10px;
}

.tabContainer a.inactiveTab{
	border:1px solid #6F6F6F;
	border-bottom:none;
	height:40px;
	margin-top:10px;
	color:#6F6F6F;
}

.tabContainer a.inactiveTab:hover{
	border:1px solid #6F6F6F;
	border-bottom:none;
	height:40px;
	margin-top:10px;
	color:#6F6F6F;
}


.tabContainer a.activeTab{
	background:white;
	border:1px solid black;
	border-bottom:none;
	height:50px;
}

.tabContainer a.activeTab:hover{
	background:white;
	border:1px solid black;
	border-bottom:none;
	height:50px;
}

#tabcomposiet.inactiveTab{
border-left:1px solid white;
border-right:1px solid white;
}

.tblPrijzen
{
	margin-left:10px;
}
.tblPrijzen td{
	padding:3px;
	text-align:center;
	border-bottom:1px dotted black;
	padding-left:10px;
}

.tblPrijzen .col1, .tblPrijzen .col2{
	background:#EFEFEF;
}

.tblPrijzen .col3, .tblPrijzen .col4{
	background:#DFDFDF;
}

.tblPrijzen th{
	font-size:12px;
	padding:5px;
}

.tblPrijzen .col0{
	font-weight:bold;
	padding-right:8px;
}

.tblPrijzen{
border-top:1px solid black;
margin-top:10px
}

.tblPrijzen .headerAfwerkingen th{
font-size:10px;
font-weight:normal;
}

.tblsubheader td{
font-size:10px
}

#prijzenspoelbakken .tblPrijzen .col0{
	text-align:left;
	font-weight:normal;
}

#prijzenspoelbakken .tblPrijzen th.col0{
font-weight:bold;
}

#prijzenspoelbakken .tblPrijzen .col1, #prijzenspoelbakken .tblPrijzen .col3{
	background:#EFEFEF;
}

#prijzenspoelbakken .tblPrijzen .col2{
	background:#DFDFDF;
}


.tblHoekbladen .col0{
	width:220px;
}

.tblHoekbladen .col1,
.tblHoekbladen .col2{
	width:133px;
}

.tblHoekbladen td{
	font-weight:normal;
}

.tblHoekbladen tr.tr0 td.col0{
	text-align:left;
	font-weight:bold;
	padding-top:10px;
	padding-left:0px;
}

.tblHoekbladen tr.tr1 td.col0,
.tblHoekbladen tr.tr2 td.col0{
	text-align:left;
	font-weight:normal;	
}

#prijzengraniet .tblHoekbladen .tr0 td{
	border:none;
}

#prijzengraniet .tblHoekbladen .tr1 td{
	border-bottom:1px dotted #7F7F7F;
}


#prijzengraniet .tblHoekbladen .tr2 td{
	border-bottom:1px solid black;
}

#prijzengraniet .tblAfwerkPrijzen  .col0,
#prijzencomposiet .tblAfwerkPrijzen  .col0{	
	font-weight:bold;
	width:85px;
	text-align:left;
}

.tblheader .col2{
width:220px;
}

.tblAfwerkingImages, .tblHoekbladen{
width:535px;
}





.closePopup{
	position:relative;
	top:10px;	
}

.closePopup a{
	background:white;
	color:black;
	border:1px dotted red;
	display:block;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
}

.closePopup a:hover{
	border:1px dotted #FF9F9F;
	background:#FFEFEF;
}


.imageCloseCross{
	position:absolute;
	top:-5px;
	margin-left:-7px;
}

.bevestigButtons{
position:relative;
z-index:10;
}

#opstellingButtons{
	left:8px;
}

#kleurButtons{
	top:0px;

}

#buttonsRandafwerking{
top:-20px;
}


.divBevestigKeuze{
margin-top:-5px;
}

.divBevestigKeuze img{
position:relative;
top:23px;
left:-13px;
}



.bevestigKeuze{
width:145px;
background:#EBEFE0;
color:black;
font-weight:bold;
border:1px solid black;
padding:7px;
text-decoration:none;
display:block;
}

.bevestigKeuze:hover{
border:1px dotted #407F3F;
}

div #kleurButtons .bevestigKeuze:hover{
border:1px dotted #407F3F;
}

#sluitkleurkeuze{
	width:50px;
}


#bladafwerkingopties{
margin-top:5px;
}



.divAndereKeuze{
margin-top:2px;
margin-left:16px;
}

.divAndereKeuze img{
position:relative;
width:25px;
height:20px;
top:15px;
left:-5px;
}


.andereKeuze{
width:135px;
background:#FFEFEF;
color:#4F4545;
font-weight:bold;
border:1px solid black;
padding:3px;
text-decoration:none;
display:block;

}

.andereKeuze:hover{
border:1px dotted #FF0000;
color:#4F4545;
}



div #kleurButtons .divBevestigKeuze{
	top:0px;
	margin:0px;
	padding:0px;
}


.divBevestigKeuze{

margin-top:-5px;

}



#kleurButtons .divBevestigKeuze img{

position:relative;
top:0px;
left:-13px;
z-index:2;
}

#kleurButtons .divBevestigKeuze a{

position:absolute;
top:19px;
left:-2px;
z-index:1

}




#kleurButtons .bevestigKeuze{
width:145px;
background:#EBEFE0;
color:black;
font-weight:bold;
border:1px solid black;
padding:7px;
text-decoration:none;
display:block;

}








.divOnbekendKeuze{

}

.divOnbekendKeuze img{
position:relative;
top:22px;
left:-8px;
}

.onbekendKeuze{
width:150px;
background:#FFE9AF;
color:black;
font-weight:bold;
border:1px solid black;
padding:7px;
text-decoration:none;
display:block;
}

.onbekendKeuze:hover{
border:1px dotted orange;
color:black;
}

#kleurButtons{
	position:absolute;
	top:195px;
	margin:0px;
	padding:0px;
	left:290px;
}

#prijsgroepHoger{
visibility:hidden;
color:red;
display:block;
position:absolute;
top:140px;
left:270px;
width:219px;
font-size:10px;
border:1px dotted #9F9F9F;
color:#6F6F6F;
padding:2px;
}

#colorpopupclose{
width:50px;
position:absolute;
left:285px
}

.btnSoortWerkblad{
	width:100px;
	height:96px;	
	border:1px solid black;
	font-weight:bold;
	
	margin:10px;
	margin-top:30px;
	color:white;
	text-decoration:none;
	display: block;
}



.btnSoortWerkblad div{
	background:white;
	color:black;
	text-align:center;
	width:100px;
	padding:5px;
	border:1px solid #CCCCCC;
	border-right:2px solid black;
	border-bottom:2px solid black;
	position:absolute;
	margin-top:-10px;
	margin-left:-5px;
}

.btnWerkBladGraniet{
	background-image:url("/graniet/images/graniet.jpg");
}

.btnWerkBladComposiet{
	background-image:url("/graniet/images/composiet.jpg");
}

.btnSoortWerkblad:hover{
	text-decoration:none;
	border:1px solid white;
	
}

.soortWerkbladContainer, .soortWerkbladContainerOver{
width:650px;
background-color:#DFDFDF;
display:block;
padding:2px;
margin:6px;
margin-bottom:16px;
border:1px solid white;
border-right:1px solid black ;
border-bottom:1px solid black ;
height:170px;
}


.materiaalUitleg{
width:415px;
left:230px;
position:absolute;
float:left;
background:#EFEFEF;
border-right:1px solid #8F8F8F;
border-top:1px solid #8F8F8F;
padding:5px;
padding-bottom:0px;
color:#8F8F8F;
}

.materiaalGraniet{
	top:50px;
}

.materiaalComposiet{
	top:240px;
}

.materiaalUitleg ul{
	margin-top:6px;
}


.stepDescription{
	padding:2px;
	padding-left:10px;
	padding-top:5px;
	height:25px;
	background:url("images/stepdesc-bg.gif");
	background-repeat:no-repeat;
	border-bottom:1px solid black;
	border-right:1px solid black;
	border:none;
	margin-top:6px;
	margin-left:6px;
	width:450px;
	font-weight:bold;
	color:white
}

.endOfPageSpacer{
font-size:20px;
line-height:50px;
color:white;
}



.hrefSelSteentype{
	display:block;
	text-decoration:none;
	margin-left:20px;
	
}
.hrefSelSteentype:hover{
	text-decoration:underline;
}



.hrefType img{
position:absolute;
z-index:5;
width:650px;
height:170px;
}

#hrefMeerComposiet{
	position:relative;
	z-index:20;
	display:block;
	top:-55px;
	left:225px;
	width:75px;
	padding:3px;
	text-align:center;
	color:#4F4F4F;
}

#hrefMeerComposiet:hover{
	z-index:20;
	background:#FEFFBF;	
	color:black;
}

.soortWerkbladContainerOver{	
	color:black;
	border-color:#AFAFAF;
	border-top:1px solid black;
	border-left:1px solid black;
}



.soortWerkbladContainerOver .materiaalUitleg{
	color:black;
}

.soortWerkbladContainerOver .btnSoortWerkblad{
	border: 1px solid white;
}

.soortWerkbladContainerOver .btnSoortWerkblad div{
	background:#FEFFBF;
}





/*materiaal en kleurkeuze. Stap 1*/
#tabMateriaalContainer a{
background-repeat:no-repeat;
display:block;
width:150px;
height:96px;
position:absolute;
margin-top:5px;
margin-left:5px;
text-decoration:none;
}

#tabMateriaalContainer a div{
	color:black;
	background:white;
	padding:3px;
	width:90px;
	margin-left:5px;
	margin-top:5px;
	border:1px solid #CCCCCC;
	border-right-color:black;
	border-bottom-color:black;
	
}

#tabMateriaalContainer a {
	border:1px solid #CCCCCC;
	border-right-color:black;
	border-bottom-color:black;
}

#tabMateriaalContainer a.activeTab{
	z-index:5;
}

#tabMateriaalContainer a.inactiveTab{
	z-index:1;
	margin-top:10px;
}

#tabMateriaalGraniet{
	background-image:url("/graniet/images/graniet-werkblad.jpg");
}

#tabMateriaalComposiet{
	background-image:url("/graniet/images/composiet-werkblad.jpg");
	left:160px;
}

#colorContentContainer div{
width:500px;
border:1px solid black;
height:300px;
position:absolute;
top:40px;
text-align:center;
padding-top:60px;
background:white;
z-index:2;
}

#colorContentContainer div.activeContent{
	display:block;
}

#colorContentContainer div.inactiveContent{
	display:none;
}

/*spoelbakken*/

.spoelbakButtons{
	top:5px;
	left:5px;
}

#spoelbakPage #tabContainer {
	position:absolute;
	left:20px;
	top:51px;
	z-index:10;
}

#spoelbakPage #tabContainer a{	
	display:block;
	width:175px;	
	float:left;	
	text-decoration:none;	
	text-align:center;
	line-height:35px;
	z-index:10;
}

#tabSpoelbakVragen{
	font-weight:normal;
	
}

.tabsubtekst{font-size:10px; font-weight:normal; display:relative; margin-top:-22px; }

#spoelbakPage #tabContainer a.activeTab{
	background:#EFEFEF;
	height:50px;
	border:1px solid black;
	border-bottom:none;
	margin-top:2px;
}

#spoelbakPage #tabContainer a.inactiveTab{	
	background:#8F8F8F;
	margin-top:15px;
	height:35px;
	border:1px solid black;
	
}

#spoelbakPage #tabContainer a.inactiveTab .tabsubtekst{
	display:none;
}

#spoelbakPage #tabContainer a.activeTab .tabsubtekst{
	display:block;
}

#spoelbakPage #contentContainer {
	position:absolute;
	left:10px;
	top:5px;
	border-top:2px solid black;
	z-index:5;
}

#spoelbakPage #contentContainer div.activeContent,
#spoelbakPage #contentContainer div.inactiveContent{
	width:670px;
	border:1px solid black;
	height:500px;
	position:absolute;
	top:95px;
	text-align:center;
	padding-top:30px;
	background:white;
}

#spoelbakPage #contentContainer div.activeContent{
	display:block;
}

#spoelbakPage #contentContainer div.inactiveContent{
	display:none;
}

#spoelbakPage #contentContainer #contentSpoelbakVragen{
	text-align:left;
	padding-left:10px;
}

#spoelbakPage #contentContainer #contentSpoelbakOverig{
	height:2600px;
}

#spoelbakPage #contentContainer #contentSpoelbakPopulair{
	height:1460;
}

.hrefSpoelbakBlok{
	font-size:12px;
	text-decoration:none;
	display:block;
	width:140px;
	height:143px;	
	border:1px dashed #5F5959;
	background:#DFDFDF;
	background:white;	
	position:relative;
	float:left;
	text-align:left;
	margin:6px;
}

.spoelbakSubContainer{
	background:#EFEFEF;	
	height:130px;
	width:126px;
	margin-top:5px;	
	margin-left:6px;
	text-align:center;
	border:1px solid #5F5F5F;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}

.hrefSpoelbakBlok:hover .spoelbakSubContainer{
	border:1px solid #CCCCCC;
	border-top:1px solid #3F3F3F;
	border-left:1px solid #3F3F3F;
	margin-top:5px;
	margin-left:6px;
	padding-top:1px;
	padding-left:1px;
	background:#DFDFDF;
	
	
}

.spoelbakNaam{
	color:black;
	width:126px;	
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;	
	position:relative;
}

.spoelbakThumb{
	max-height:60px;	
	text-align:center;
	margin-top:5px;
	margin-bottom:10px;
}

.spoelbakPrijzen{
	width:126px;
	height:30px;
	padding-top:3px;	
	font-size:10px;
	text-align:center;	
	position:relative;
	font-weight:normal;
}



.spoelbakMerk{
	text-align:left;
	clear:both;
}

#popupSpoelbak{
	width:600px;
	height:450px;
	z-index:4;
	position:absolute;
	left:225px;
	top:150px;
	border:2px solid black;
	background-color:#EFEFEF;
	display:none;
	text-align:left;
	z-index:20;
}


#miniGalleryContainer{
	position:absolute;
	top:18px;
	left:10px;
}
#miniGallery-overig, #miniGallery-overig{display:none}

#miniGalleries{
	position:absolute;
	left:10px;
	top:45px;
	
}

#miniGalleries div{
	width:565px;
	overflow-x: hidden;
	overflow-y: hidden;
	z-index:12;
}

#miniGalleries div div{
	width:1000px;
	overflow:hidden;
	height:50px;
	background:white;
	border-top:1px solid black;
	z-index:10;
	
}

#miniGalleries div #miniGallery-populair{
	width:950px;
}

#miniGalleries div #miniGallery-overig{
	width:1700px;
}


#miniGalleries div div a{
	display:block;
	float:left;
	margin-right:5px;
	margin-top:5px;
	padding:4px;
}

a.activeGalleryThumb{
	border:1px dotted black;
	background:#FFFFDF;
}

a.inactiveGalleryThumb{
	border:1px solid white;
	background:white;
}


#miniGalleries img{
	height:30px;
}

#miniGalleryOptions{
	position:relative;
	left:160px;
	top:6px;
	width:300px;
	text-align:center;
	z-index:30;
}

#miniGalleryOptions a{
	display:block;
	float:left;
	width:100px;
	line-height:30px;
	text-decoration:none;
}

#prijsinclusiefSpoelbakPopup{
margin-left:30px;
font-weight:bold;
}

#prijsinclusiefSpoelbakPopup span{color:red;text-decoration:underline}

#miniGalleryOptions a.activeTab{	
	background:white;	
	border:1px black solid;
	border-bottom:1px white solid;
	height:40px;	
}

#miniGalleryOptions a.inactiveTab{
	background:#CCCCCC;
	border:1px black solid;
	height:30px;
	margin-top:8px;
	color:#7F6F6F;
}

#popupSpoelbak #popupimage{
	position:relative;
	top:100px;
	left:23px;
	width:265px;
	padding:5px;
	padding-top:0px;
	margin-top:0px;
	border:1px dashed #9F9F9F;
}

#popupimage-hidden{
	display:none;
}
#miniGallery-overig, #miniGallery-overig{display:none}

#naamspoelbak{
	position:absolute;
	left:23px;
	top:104px;
	font-weight:bold;
	width:265px;
	text-align:center;
}
#prijsinclusief{
	position:absolute;
	left:120px;
	top:110px;
	font-weight:normal;
	text-align:center;
}
#kraangatenOptContainer{
	position:relative ;
}


#kraangatenOptContainer a{
	display:block;
	text-decoration:none;
	width:100px;
	border:1px solid #EFEFEF;
	font-weight:normal;
}

#kraangatenOptContainer a:hover{	
	border:1px dotted black;
}


#typeSpoelbakKeuzeInPopup{
	position:relative;	
	margin-top:25px;
	z-index:10;
	width:150px;
}

#typeSpoelbakKeuzeInPopup a{
	display:block;
	text-decoration:none;
	border:1px solid #EFEFEF;
	font-weight:normal;
}

#typeSpoelbakKeuzeInPopup a:hover{	
	border:1px dotted black;
}


#popupSpoelbak .closePopup{
	position:absolute;
	left:535px;
}

#spoelbakOpties{
	position:absolute;
	left:365px;
	top:120px;
	width:190px;
}

#spoelbakOpties .divAndereKeuze{
	margin-left:25px;

}

#spoelbakopmerking{
	position:absolute;	
	top:10px;
	left:-195px;
	z-index:10;
	width:150px;
	color:red;
	background:#EFEFEF;
	border:2px solid black;
	border-top:1px solid #AFA4A4;
	border-left:1px solid #AFA4A4;
	padding:3px;
	text-align:center;
}

#typeKeuzeFout{
	position:absolute;	
	display:none;
	background:url('/graniet/images/fout-kies-type-spoelbak.gif');
	background-repeat:no-repeat;
	background-position:top right;
	height:10px;
	width:185px;
	top:63px;
	left:10px;
	z-index:1;
	padding-top:139px;
	color:red;
	font-weight:bold;
}

/*stap 2. graniet/composiet - kleur*/
#popupdivcolor div a.optionContainer{
	display:block;
	text-decoration:none;
	border:1px solid #EFEFEF;
	font-weight:normal;
	float:left;
	width:200px;
}

#popupdivcolor div a.optionContainer:hover{	
	border:1px dotted black;
}

/* stap 4 afwerk randen selectie*/

#popupRanden #checkboxUitleg{
	margin-top:10px;
	margin-left:25px;
}

#imgranduitleg{
	opacity: 0.60;
	filter:alpha(opacity=60);
}

#popupRanden .popupBorderAfwerking{
	border:none;border-bottom:1px dashed #CCCCCC;position:absolute;top:50px;	z-index:50;	height:4px;width:590px
}

html>body #popupRanden .popupBorderAfwerking {top:60px;}

#afwerkingDetail a img{border:1px solid black;
border-left:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
}

/* stap 3 keukenopstelling maten*/
#txtOpstellingUitleg{
	position:absolute;
	z-index:20;
	top:10px;
	left:20px;
}


#maxSizeInfo{
	
	margin-left:30px;
	position:absolute;
	margin-top:34px;
	background:#EFEFEF;
	width:360px;
	border:1px solid #DFDFDF;
	border-right:2px solid #2F2929;
	border-bottom:2px solid #2F2929;
	display:none;
}

#maxSizeInfo div{
	font-size:9px;
	padding-left:15px;
}


#maxSizesCurrent{
	color:black;
	font-weight:bold;
}

#maxSizesOther{
	color:#6F6868;
	font-weight:normal;
}


/* stap 6 kookplaat uitsparing keuze*/
#kookplaatOpties a.optionContainer, 
#kookplaatOpties a.optionContainer:hover,
#achterwandOpties a.optionContainer,
#achterwandOpties a.optionContainer:hover{
	display:block;
	text-decoration:none;
	border:1px solid #EFEFEF;
	font-weight:normal;
	float:left;
	width:275px;
	height:19px;
	padding:1px;
}

#kookplaatOpties a.optionContainer:hover,
#achterwandOpties  a.optionContainer:hover{	
	border:1px dotted black;
}

#kookplaatOpties a.optionContainer div, 
#achterwandOpties  a.optionContainer div{
	margin-top:2px;
	margin-left:3px;
	float:left
}

#kookplaatOpties a.optionContainer input,
#achterwandOpties a.optionContainer input{
	float:left
}



#kookplaatKeuzeContainer, #achterwandKeuzeContainer{
	margin-left:23px;
	margin-top:25px;
	width:635px;
	height:135px;
	background:#EFEFEF;
	border:1px solid black;
	border-top-color:#CCCCCC;
	border-left-color:#CCCCCC;
}

#achterwandKeuzeContainer{
	padding:3px;
}

#kookplaatOpties, #achterwandOpties{
	margin-left:50px;
	margin-top:20px;
}

#selectOptionAlert{
	position:absolute;
	display:none;
	background-image:url("/graniet/images/kookplaat-select-alert.gif");
	background-repeat:no-repeat;
	background-position:25px 0px;
	left:300px;
	top:120px;
	width:350px;
	height:45px;
	font-weight:bold;
}

#tblKookplaatUitleg{
	margin-left:75px;
	margin-top:25px;
	border:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}

#tblKookplaatUitleg td{
	padding:5px;
	padding-right:10px;
	width:250px;
	color:#5F5353;
}


/* stap 7 achterwandkeuze. smetpling of rugwand */
#achterwandUitleg{
	margin-left:25px;
	width:630px;
	border:1px solid #CCCCCC;
	position:absolute;
	top:200px;	
	margin-top:15px;
	height:310px;
}

#txtSmetplint, #txtRugwand{
	color:#5F5353;
	padding:5px;
	padding-right:10px;
	width:250px;
	height:290px;
	float:left;
}

#txtSmetplint{width:350px}

#txtSmetplint div, #txtRugwand div{
	top:15px;
	position:relative;
}

#achterwandRandenSelectie{
	display:none;
	position:absolute;
	z-index:10;
	
}

#containerlistafwerkingen .listafwerkingen{
	float:left;
	width:330px;
	margin-top:20px;
}

#containerlistafwerkingen .randafwerkingtitle{
	width:300px;
	background-color:#DFDFDF;
	font-weight:bold;
	padding:3px;
	
}
#containerlistafwerkingen li{
	margin-top:9px;
}

#progress1{
height:25px;
}

.progressBlokContainer a.highslide,
.progressBlokContainer a img{
	width:115px;
}

#progressBlokContainer2 div.progressBlok,
#progressBlokContainer2 a.highslide,
#progressBlokContainer2 a img {
	height:84px;
}
#progressBlokContainer2 a.highslide,
#progressBlokContainer2 a img{
left:7px;
top:31px;
}

#progressBlokContainer3 div.progressBlok,
#progressBlokContainer3 a.highslide,
#progressBlokContainer3 a img {
	height:73px;
}
#progressBlokContainer3 a.highslide,
#progressBlokContainer3 a img{
	left:5px;top:121px;
}

#progressBlokContainer4 div.progressBlok,
#progressBlokContainer4 a.highslide,
#progressBlokContainer4 a img {
	height:89px;
}
#progressBlokContainer4 a.highslide,
#progressBlokContainer4 a img{
	left:5px;top:201px
}
#progressBlokContainer5 div.progressBlok,
#progressBlokContainer5 a.highslide,
#progressBlokContainer5 a img {
	height:95px;
}
#progressBlokContainer5 a.highslide,
#progressBlokContainer5 a img {
	left:5px;top:294px
}

#progressBlokContainer6 div.progressBlok,
#progressBlokContainer6 a.highslide,
#progressBlokContainer6 a img {
	height:76px;
}
#progressBlokContainer7 div.progressBlok,
#progressBlokContainer7 a.highslide,
#progressBlokContainer7 a img {
	height:90px;
}
#progressBlokContainer8 div.progressBlok{
	height:84px;
}
/* -----kraan keuze -----------*/
.hrefKraanBlok{
	font-size:12px;
	text-decoration:none;
	display:block;
	width:140px;
	height:143px;	
	border:1px dashed #5F5959;
	background:#DFDFDF;
	background:white;	
	position:relative;
	float:left;
	text-align:left;
	margin:6px;
}

.kraanSubContainer{
	background:#EFEFEF;	
	height:130px;
	width:126px;
	margin-top:5px;	
	margin-left:6px;
	text-align:center;
	border:1px solid #5F5F5F;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}

.hrefKraanBlok:hover .kraanSubContainer{
	border:1px solid #CCCCCC;
	border-top:1px solid #3F3F3F;
	border-left:1px solid #3F3F3F;
	margin-top:5px;
	margin-left:6px;
	padding-top:1px;
	padding-left:1px;
	background:#DFDFDF;
	
	
}

.kraanNaam{
	color:black;
	width:126px;	
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;	
	position:relative;
}

.kraanThumb{
	height:60px;	
	text-align:center;
	margin-top:5px;
	margin-bottom:10px;
}

.kraanPrijzen{
	width:126px;
	height:30px;
	padding-top:3px;	
	font-size:10px;
	text-align:center;	
	position:relative;
	font-weight:normal;
}



.kraanMerk{
	text-align:left;
	clear:both;
}
#popupKraan{
	z-index:4;
	background-color:#EFEFEF;
	text-align:left;
	z-index:20;
	padding: 10px;
}

#popupKraan #popupimage{
/*	position:relative;
	top:10px;
	left:80px;
	width:265px;
	padding:5px;
	padding-top:0px;
	margin-top:0px; */
	border:1px dashed #9F9F9F;
}

#naamkraan{
    font-weight: bold;
    left: 23px;
    margin-bottom: 5px;
    text-align: center;
}
#popupKraan .closePopup{
	position:absolute;
	left:535px;
}
#kraanOpties{

}
#kraanButtons{
    display: inline-block;
    float: right;
    margin-right: 10px;
}
#KraaninfoLeft{
    background: none repeat scroll 0 0 ;
    display: inline-block;
    float: left;
	width: 50%;
	text-align: center;
}
#KraaninfoRight{
    background: none repeat scroll 0 0;
    clear: right;
    display: inline-block;
    float: right;
    width: 300px;
}
/* ----- einde kraan keuze -----------*/
.clearboth{
clear: both;
}




.granietadviseur{
margin:10px;
padding:5px;
border:2px dotted #C6B8B8;
width:300px;
float:left;
margin-left:157px;
}





.contactadres
{
margin-left:-15px;
padding:1px;
border:2px dotted #C6B8B8;
width:675px;
margin-top:65px;
}

.contactadres span{
font-size:14px;
font-weight:bold;
}

#divOfferteAanvragen{
	position:absolute;
	left:150px;
	top:330px;
}

#divOfferteAanvragen a{border:none}
#divOfferteAanvragen a:hover{border:none}

#divOfferteAanvragen a img{
	border:2px solid red;
}

#divOfferteAanvragen a:hover img{
	border:2px dotted red;
}


#kleurSelectieContainer{
	background:url('images/voorpagina/selectie-kleuren-border.gif');
	background-repeat:no-repeat;
	margin-left:-4px;
	height:180px;
	width:670px;
	text-align:center;
	margin-top:
}

#selectieKleurenText{
	background:url('images/voorpagina/green-white-gradient-bg-reverse.gif');	
	background-position: 100% 0%;
	background-repeat:no-repeat;
	font-weight:bold;
	padding-top:1px;
	text-align:left;
	height:15px;
	width:202px;
	left:432px;
	top:268px;
	position:absolute;
	padding-left:5px;
	border:1px solid #C2C2C2;
}

#granietKleur, #composietKleur{
	font-size:18px;
	width:306px;
	float:left;
	text-align:left;
	margin-left:20px;
	margin-top:20px;
	padding:4px;
}



#composietKleur a, #granietKleur a{
width:38px;
height:140px;
display:block;
float:left;
background-repeat:no-repeat;
border:none;
background:url('images/voorpagina/kleur-buttons/shadow-button-bg.jpg');
margin:1px;
}

a:hover .imgcolor{	
	margin-top:5px;
	margin-left:4px;
}

a:hover .whitebg{
	display:block;
}

#composietKleur img, #granietKleur img{
	z-index:10;
	position:absolute;
}

.whitebg{
	z-index:5;
	display:none;
}

#aanvragenVoordelenContainer{
	margin-top:0px;
	margin-left:-4px;
	height:210px;
	width:670px;
	text-align:center;	
}

#aanvragenVoordelenContainer H3{
/*
background:url('images/voorpagina/green-white-gradient-bg.gif');	
background-repeat:no-repeat;
*/
	padding:2px;
	padding-bottom:0px;
	border-top:2px dashed #CCCCCC;
}


#onzeVoordelen, #makkelijkAanvragen{
	width:306px;
	font-size:12px;
	float:left;
	text-align:left;
	margin-left:2px;
	margin-top:0px;;
	
}

#onzeVoordelen{
margin-left:35px;
}

#onzeVoordelen H3{
	border-right:2px dashed #CCCCCC;
	padding-left:10px;
}

#makkelijkAanvragen H3{
	border-left:2px dashed #CCCCCC;
	padding-left:10px;
}
	

li{padding:2px;}

#makkelijkAanvragen div img{
	display:block;
	float:left;
	margin-right:8px;
}

#makkelijkAanvragen div{
	margin-top:10px;
}

#makkelijkAanvragen div div{
	padding-top:2px;
}

#imgSnelGeleverd{
	position:absolute;
	top:40px;
	left:480px;
	display:none;
}

a.fpHrefAanvragen{
border:none;
text-decoration:none;
font-weight:normal;
width:300px;
height:160px;
margin:0px;
padding:0px;

}

a.fpHrefAanvragen:hover{
border:none;
background-color:#EFEFEF;	
width:300px;
height:150px;
margin:0px;
padding:0px;
display:block;
}