/* Beschermwijzer */

#beschermwijzerContainer 
{
	width:774px;
	position:absolute;
	top:0px;
	left:0px;
	height:602px; 
	background-color:#CCCCCC;
	display:none;
	z-index: 9999999;
}

#beschermwijzerBackground
{
	position:absolute;
	left:0px; 
	top:65px;
	height:472px;
	width:774px;	
	background-image: url( /shared/images/beschemwijzerV2/background.png); 
	background-repeat:no-repeat;
	display:block;
	z-index: 9999998;
}



#beschermwijzerStep1,
#beschermwijzerStep2,
#beschermwijzerStep3,
#beschermwijzerStep4,
#beschermwijzerStep5,
#beschermwijzerStep6,
#klusvideo
{
	position:absolute;
	left:0px; 
	top:65px;
	height:472px;
	width:774px;	
	background-repeat:no-repeat;
	display:none;
	z-index: 9999999;
}


#klusvideoBackground
{
	position:absolute;
	left:0px; 
	top:0px;
	height:600px;
	width:774px;
	display:none;
	background-color:white; 
	background-repeat:inherit;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	z-index: 9999998;
}


.beschermwijzerHeader 
{
	position:absolute; 
	top:0px; 
	width:100%; 
	height:55px;  
	padding-top:10px; 
	text-align:center; 
	background-color:black;
	font-size:18pt;
	font-weight:bold;
	color:white;
	display:none;
}

.beschermwijzerFooter
{
	position:absolute; 
	color:white;
	bottom:0px; 
	width:100%; 
	left:0px; 
	height:63px; 
	padding-top:2px; 
	background-color:black;
}

.beschermwijzerTerug  
{
	width:90px; 
	float:left; 
	margin-left:20px;
	cursor:pointer;
}

.homeTerug
{
	height:52px;
	width:49px;
	float:left; 
	margin-left:20px;
	margin-top:8px;
	cursor:pointer;
}

/* JSMX loading */
div#JSMX_loading{ 
	position:absolute;
	top:540px;
	width:500px;
	left:50%;
	margin-left:-250px;
	height:65px;
	background-image:url(/shared/images/logo_loading.gif );
	background-repeat: no-repeat;
	background-position:205px; center;
	z-index:9999999;
} 

/* Advice css */
#adviceHeader 
{
	position:absolute; 
	top:7px; 
	/*firefox */
	left:10px;
	left:15px;  
	
	width:550px; 
	height:46px;
}

#adviceNavKenmerken
{
 position:absolute; 
 left:-5px; 
 height:48px; 
 top:-2px; 
 width:138px;	
}

#adviceNavKlusadvies {
	position:absolute; 
	left:133px; 
	height:48px; 
	top:-2px; 
	width:138px;
}

#adviceNavKleuren {
	position:absolute; 
	left:271px; 
	height:48px; 
	top:-2px; 
	width:138px;	 	
}


#adviceNavWaarStaatHet {
	position:absolute; 
	left:409px; 
	height:48px; 
	top:4px; 
	width:138px;	
}


#finalAdviceBlockBackground {
	position:absolute; 
	left:10px; 
	top:52px; 
	height:415px; 
	width:553px; 
	background-image:url(/shared/images/beschemwijzerV2/content2.png);
	background-repeat:no-repeat; 
	background-position:0px -1px;
	/* Background position doesnt work in IE 6 */
}

#finalAdviceBlock {
	position:absolute; 
	left:10px; 
	top:52px; 
	height:415px; 
	width:553px; 
	/*background-image:url(/shared/images/beschemwijzerV2/content2.png); */
	background-repeat:no-repeat; 
	background-position:0px -1px;
	z-index:99999999999999;
	/* Background position doesnt work in IE 6 */
}




#kenmerkenBlad,
#klusadviesBlad, 
#kleurenBlad,
#waarStaatHetBlad,
#kenmerkenBlad 
{
	position:absolute; 
	left:10px; 
	top:10px; 
	width:530px; 
	height:390px;
}

#nietVergetenBladBackground
{
	position:absolute; 
	left:575px; 
	top:50px; 
	width:185px; 
	height:420px;
  background-image:url(/shared/images/beschemwijzerV2/informatie.png);
  background-repeat:no-repeat; background-position:-5px 0px;	
}

#nietVergetenBlad {
	position:absolute; 
	left:575px; 
	top:50px; 
	width:185px; 
	height:420px;
  /*background-image:url(/shared/images/beschemwijzerV2/informatie.png);*/
  background-repeat:no-repeat; background-position:-5px 0px;
}

#meerInformatieOverBackground
{
	position:absolute; 
	left:575px; 
	top:50px; 
	width:185px; 
	height:420px;
  background-image:url(/shared/images/beschemwijzerV2/informatie.png);
  background-repeat:no-repeat; background-position:-5px 0px;
	display:none;	
}

#meerInformatieOver {
	position:absolute; 
	left:575px; 
	top:50px; 
	width:185px; 
	height:420px;
  /* background-image:url(/shared/images/beschemwijzerV2/informatie.png); */
  background-repeat:no-repeat; background-position:-5px 0px;
	display:none;	
}

#nietVergetenBladHeader,
#meerInformatieHeader
{
	position:absolute; 
	left:15px; 
	top:10px; 
	width:135px; 
	height:58px;       	
}

#nietVergetenContent,
#meerInformatieContent{
 position:absolute; 
 left:10px; 
 top:70px; 
 height:330px; 
 width:160px; 
}

#helpContent,
#helpContentAdvanced
{
	position:absolute; 
	display:none; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:600px; 
	background-color:white; 
	z-index:29290109;	
}

#helpContentCustom
{
	position:absolute; 
	display:none; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:600px; 
	background-color:white; 
	z-index:292901010;	
}

#helpContentBackButton
{
	position:absolute; 
	top:10px; 
	left:690px; 
	width:55px; 
	height:55px;
}

#helpContentAlgemeen
{
	position:absolute; 
	left:30px; 
	top:30px; 
	width:600px; 
	height:225px;
}

#helpContentDetail 
{
	position:absolute; 
	left:30px; 
	top:310px; 
	width:600px; 
	height:400px;
}


.kenmerk
{
	height:48px; 
	width:138px;	
	cursor:pointer;
}

.klusadvies {
	height:48px;
	width:138px;
	cursor:pointer;
} 

.kleuren {
	height:48px;
	width:138px;
	cursor:pointer;
} 

.waarstaathet 
{
 height:42px; 
 width:139px;	
 cursor:pointer;
}	

.waarstaathetActive
{
 height:42px; 
 width:139px;	
 cursor:pointer;
}	
	
.nietVergetenBalloon 
{
	width:144px; 
	margin-bottom:5px; 
	float:left; 
	margin-left:6px; 
	margin-top:2px;
	text-align:center; 
	height:66px; 
	background-image:url(/shared/images/beschemwijzerV2/button-light.png)
}

.meerInfoBalloon 
{
	width:144px; 
	margin-bottom:5px; 
	float:left; 
	margin-left:6px; 
	margin-top:2px;
	text-align:center;  
	height:66px; 
	background-image:url(/shared/images/beschemwijzerV2/button-dark.png)
}
	
.nietVergetenBalloonContent
{
	margin-top: 20px; 
	font-weight:bold; 
	vertical-align:middle; 
	font-size:13px; 
	margin-left:14px; 
	width:112px; 
	text-align:center;
	cursor:pointer;
}

.nietVergetenBalloonContentIE
{
	margin-top: 20px; 
	font-weight:bold; 
	vertical-align:middle; 
	font-size:12px; 
	margin-left:1px; 
	width:112px; 
	text-align:center;
	cursor:pointer;
}

.smallText {	
	font-size:10pt
}

a.pdfURL 
{
	font-size:11pt;
	color:#00C;	
}

#generatedPDFInfo 
{
	margin-top:20px;
	font-weight:bold;
}

#beschermwijzerStart
{
	margin-left:18px; 
	margin-top:0px; 
	width:306px; 
	height:266px; 
	cursor:pointer;
}