/* -------------- */
/* Default styles */
/* -------------- */
div#hideGoogle
{
	position:relative;
	visible:hidden;
	display:none;
	top:100px;
	border:1px solid white;
}


h1
{
	position:relative;
	top:5px;
	left:20px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;	
}
	/* Start internet explorer fix */
	* html h1
	{
		top:15px;
	}

h2, h3, h4, h5, h6
{
	margin:0px 0px -20px 0px;
	padding:0px;
	font-weight:bold;
	font-size:11px;
	line-height:30px;
	color:#ffffff;
}
	/* Start internet explorer fix */
	* html h2, h3, h4, h5, h6
	{
		margin:0px 0px -25px 0px;
	}
	
ul
{
	margin:15px;
	padding:0px;
	list-style-type:square;
}

ol
{
	margin:25px;
	padding:0px;
}

img
{
	border:0px;
}

form
{
	margin:0px;
	padding:0px;
}

table, tr, td
{
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	/*border:1px solid #3a3a3a;*/
}

td
{
	padding:2px 5px;
}

thead td
{
	background:#3a3a3a;
	font-weight:bold;
	color:#fff;
}

hr
{
	noshade:noshade;
	width:798px;
}

a
{
	color:#fff;
}

a:hover
{
	color:#3a3a3a;
	text-decoration:none;
}

/* ----- */
/* Fonts */
/* ----- */
body
{
	font-family:verdana;
	font-size:11px;
	color:#fff;
	line-height:20px;
}

td, form /*, option*/
{
	font-family:verdana;
	font-size:11px;
	color:#fff;
	line-height:12px;
}

form, option
{
	font-size:12px;
	line-height:25px;
}

/* --------- */
/* Templates */
/* --------- */
div#contentHolder
{
	position:relative;
	top:5px;
	left:163px;
	width:818px;
	height:312px;
	background:#3a3a3a url(../images/bgContentHolder.gif) top center;
	/*border:1px solid white;*/
}
	/* Start internet explorer fix */
	* html div#contentHolder
	{
		left:155px;
	}
	
div#contentLargeHolder
{
	position:relative;
	top:5px;
	left:163px;
	width:818px;
	height:368px;
	background:#3a3a3a url(../images/bgContentHolder.gif) no-repeat top center;
	/*border:1px solid white;*/
}
	/* Start internet explorer fix */
	* html div#contentLargeHolder
	{
		left:155px;
	}

div#contentHomePage
{
	position:relative;
	top:10px;
	left:10px;
	width:798px;
	height:292px;
	background:#3a3a3a url(../images/bgContent.jpg) top center;
	/*border:1px solid white;*/
}

div#contentProductPage
{
	position:absolute;
	top:10px;
	left:10px;
	width:798px;
	height:292px;
	background:#3a3a3a url(../images/bgContent.jpg) top center;
	border-bottom:1px solid white;
}

div#productSWF
{
	margin-top:-11px;
	* margin-top:0px;
}

/* start productpage */
div#prodBrochureAanvragenBtn a
{
	position:absolute;
	display:block;
	left:0px;
	top:237px;
	width:136px;
	height:20px;
	margin:0px;
	padding:0px 0px 0px 5px;
	
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	background-color:#8dc73f;
}
div#prodMeerInfoBtn a
{
	position:absolute;
	display:block;
	left:0px;
	top:207px;
	width:110px;
	height:20px;
	margin:0px;
	padding:0px 0px 0px 5px;
	
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	background-color:#8dc73f;
}

div#prodMeerInfo
{
	position:absolute;
	left:0px;
	top:0px;
	width:415px;
	height:292px;
	margin:0px;
	padding:0px;

	background: url(../images/bgMeerInformatie.png) repeat-y;
}

.prodClose
{
	position:absolute;
	display:block;
	top:5px;
	left:290px;
	width:120px;
	height:20px;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
}

div#prodMeerInfo h1
{
	position:relative;
	left:25px;
	top:5px;
	margin:0px;
	padding0px;
	font-weight:bold;
}

div#prodBodyText
{	
	position:relative;
	top:5px;
	left:25px;
	width:340px;
	height:150px;
	margin:0px;
	padding-right:10px;
	
	font-size:11px;
	line-height:14px;
	overflow:auto;
	
	scrollbar-face-color:747474;
	scrollbar-track-color:cccccc;
	scrollbar-arrow-color:cccccc;
	scrollbar-shadow-color:cccccc;
	scrollbar-dark-shadow-color:747474;
	scrollbar-3dlight-color:cccccc;
	scrollbar-highlight-color:747474;
}
	/* Start internet explorer fix */
	* html div#prodBodyText
	{	
		top:7px;
	}

.prodExtra
{
	position:absolute;
	top:180px;
	left:5px;
	
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	
	line-height:15px;
	list-style-type:none;
}

.prodExtra li
{	
	margin:5px;
	float:left;
}

.prodExtra li a
{	
	text-decoration:none;
}

div#prodPrice
{
	position:relative;
	left:0px;
	top:57px;
	height:21px;
	width:375px;
	margin:0px;
	padding:0px 0px 0px 25px;
	
	font-size:11px;
	font-weight:bold;
	background: url(../images/bgProdPrice.jpg) repeat-x top left;
}

	/* Start internet explorer fix */
	* html div#prodPrice
	{
		width:400px;
		margin:0px;
	}

div#prodAfspraakBtn a
{
	position:absolute;
	display:block;
	left:400px;
	top:227px;
	width:115px;
	height:20px;
	margin:0px;
	padding:0px 0px 0px 5px;
	
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	background-color:#8dc73f;
}

.prodPrintMenu
{
	position:absolute;
	top:240px;
	left:5px;
	
	font-size:8px;
	font-weight:bold;
	text-transform:uppercase;
	
	line-height:15px;
	list-style-type:none;
}

.prodPrintMenu li
{	
	margin:5px;
	float:left;
}

.prodPrintMenu li a
{	
	text-decoration:none;
}

.prodSubNavigatie
{
	position:absolute;
	top:265px;
	right:5px;
	width:350px;
	height:40px;
	margin:0px;
	
	text-transform:uppercase;
	font-size:9px;
	text-align:right;
	line-height:12px;
	list-style-type:none;

}

.prodSubNavigatie li
{
	width:auto:
	text-align:right;
	display:inline;
	font-weight:bold;
}

.prodSubNavigatie a
{
	color:#fff;
	text-decoration:none;
}

.prodSubNavigatie a:hover
{
	color:#8dc73f;
}
/* eind productpage */


/* start VOORDELEN */
div#prodVoordelen
{
	position:absolute;
	left:0px;
	top:0px;
	width:565px;
	height:292px;
	margin:0px;
	padding:0px;

	background: url(../images/bgVoordelen.png) repeat-y;
}

div#voordeelImage
{
	position:absolute;
	left:0px;
	top:0px;
	width:165px;
	height:292px;
	margin:0px;
	padding:0px;
}

.voordeelClose
{
	position:absolute;
	display:block;
	top:5px;
	left:440px;
	width:120px;
	height:20px;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
}

div#prodVoordelen h1
{
	position:abolute;
	left:180px;
	top:5px;
	margin:0px;
	padding0px;
	font-weight:bold;
}

div#voordeelBodyText
{	
	position:absolute;
	top:30px;
	left:180px;
	width:320px;
	height:210px;
	margin:0px;
	padding-right:10px;
	
	font-size:11px;
	line-height:14px;
	overflow:auto;
	
	scrollbar-face-color:747474;
	scrollbar-track-color:cccccc;
	scrollbar-arrow-color:cccccc;
	scrollbar-shadow-color:cccccc;
	scrollbar-dark-shadow-color:747474;
	scrollbar-3dlight-color:cccccc;
	scrollbar-highlight-color:747474;
}
	/* Start internet explorer fix */
	* html div#prodBodyText
	{	
		top:7px;
	}

.voordeelPrintMenu
{
	position:absolute;
	top:235px;
	left:160px;

	font-size:8px;
	font-weight:bold;
	text-transform:uppercase;

	line-height:15px;
	list-style-type:none;
}

.voordeelPrintMenu li
{	
	margin:5px;
	float:left;
}

.voordeelPrintMenu li a
{	
	text-decoration:none;
}
/* eind VOORDELEN */

/* start ACCESSOIRES */
div#prodAccessoires
{
	position:absolute;
	left:0px;
	top:0px;
	width:565px;
	height:292px;
	margin:0px;
	padding:0px;

	background: url(../images/bgVoordelen.png) repeat-y;
}

div#prodAccessoires h1
{
	position:abolute;
	left:180px;
	top:5px;
	margin:0px;
	padding0px;
	font-weight:bold;
}
/* eind ACCESSOIRES */

/* start MEER FOTO */
div#meerFoto
{
	position:absolute;
	top:15px;
	left:173px;
	width:798px;
	height:292px;
	margin:0px;
	padding:0px;
	
	background:#3a3a3a url(../images/bgContent.jpg) top center;
}
	/* Start internet explorer fix */
	* html div#meerFoto
	{
		left:165px;
	}

div#meerFotoGreen
{
	position:relative;
	top:0px;
	left:0px;
	width:317px;
	height:292px;
	margin:0px;
	padding:0px;
	overflow:auto;
	background-color:#8dc73f;
	border-right:1px solid white;
}

div#meerFotoThumb
{
	position:relative;
	top:5px;
	left:15px;
	width:295px;
	height:285px;
	margin:0px;
	padding:0px;
	overflow:auto;
	
	scrollbar-face-color:747474;
	scrollbar-track-color:cccccc;
	scrollbar-arrow-color:cccccc;
	scrollbar-shadow-color:cccccc;
	scrollbar-dark-shadow-color:747474;
	scrollbar-3dlight-color:cccccc;
	scrollbar-highlight-color:747474;
}

.meerFotoTable
{
	position:relative;
	top:0px;
	left:0px;
	border-collapse:separate;
}

.meerFotoTable td
{
	height:63px;
	width:63px;
	margin-right:5px;
	padding:0px;
	text-align:center;
	border:10px;
	
	background-color:#666666;	
}

td.emptyCell
{
	height:63px;
	width:63px;
	margin-right:5px;
	padding:0px;
	text-align:center;
	border:10px;
	background-color:#8dc73f;
}

div#fotoStaand, div#fotoLiggend
{
	position:absolute;
	top:0px;
	left:315px;
	width:470px;
	height:480px;
	margin:0px;
	padding:0px;
	background:url(../images/bgFotoLarge.png) no-repeat top center;
}

div#fotoStaandImg
{
	position:absolute;
	top:30px;
	left:90px;
}
	
div#fotoLiggendImg
{
	position:absolute;
	top:90px;
	left:35px;	
}

.meerFotoClose
{
	position:absolute;
	top:8px;
	right:5px;
	width:20px;
	height:20px;
}

.fotoLargeClose
{
	position:absolute;
	top:15px;
	right:20px;
	width:20px;
	height:20px;
}

/* eind MEER FOTO */


/* start MEER FOTO */
div#meerFilm
{
	position:absolute;
	top:15px;
	left:173px;
	width:798px;
	height:292px;
	margin:0px;
	padding:0px;
	
	background:#3a3a3a url(../images/bgContent.jpg) top center;
}
	/* Start internet explorer fix */
	* html div#meerFilm
	{
		left:165px;
	}

div#meerFilmGreen
{
	position:relative;
	top:0px;
	left:0px;
	width:317px;
	height:292px;
	margin:0px;
	padding:0px;
	background-color:#8dc73f;
	border-right:1px solid white;
}
div#meerFilmGreen h1
{
	position:relative;
	top:3px;
	left:10px;
	margin:0px;
	padding:0px;
}

div#meerFilmThumb
{
	position:relative;
	top:5px;
	left:10px;
	width:295px;
	height:257px;
	margin:0px;
	padding:0px;
	overflow:auto;
	background-color:#bfdf95;

	scrollbar-face-color:747474;
	scrollbar-track-color:cccccc;
	scrollbar-arrow-color:cccccc;
	scrollbar-shadow-color:cccccc;
	scrollbar-dark-shadow-color:747474;
	scrollbar-3dlight-color:cccccc;
	scrollbar-highlight-color:747474;
}
	/* Start internet explorer fix */
	* html div#meerFilmThumb
	{
		width:295px;
		
	}


div#filmItem1
{
	position:relative;
	top:0px;
	left:0px;
	width:295px;
	height:63px;
	margin:0px;
	padding:0px;
	background-color:#7eb535;
	border-bottom:2px solid #bfdf95;
}
	/* Start internet explorer fix */
	* html div#filmItem1
	{
		width:295px;
	}
	
div#filmItem2
{
	position:relative;
	top:0px;
	left:0px;
	width:295px;
	height:63px;
	margin:0px;
	padding:0px;
	background-color:#8dc73f;
	border-bottom:2px solid #bfdf95;
}
	/* Start internet explorer fix */
	* html div#filmItem2
	{
		width:295px;
	}

div#filmItemLink a
{
	position:absolute;
	top:0px;
	display:block;
	width:295px;
	height:65px;
	margin:0px;
	padding:0px;
	
	background-color:#fff;
	text-decoration:none;
	opacity:0;
	FILTER:Alpha(Opacity=0);
}

div#filmItemLink a:hover
{
	position:absolute;
	top:0px;
	display:block;
	width:293px;
	height:65px;
	margin:0px;
	padding:0px;
	
	background-color:#fff;
	border:1px solid white;
	opacity:0.5;
	FILTER:Alpha(Opacity=50);
}
	/* Start internet explorer fix */
	* html div#filmItemLink a:hover
	{
		width:295px;
	}

div#filmItem1 img
{
	position:relative;
	top:0px;
	left:0px;
	width:63px;
	height:63px;
	margin:0px;
	padding:0px;
}

div#filmItem2 img
{
	position:relative;
	top:0px;
	left:0px;
	width:63px;
	height:63px;
	margin:0px;
	padding:0px;
}

div#filmItem1 h1
{
	position:absolute;
	top:0px;
	left:70px;
	margin:0px;
	padding:0px;
	
	font-size:10px;
	font-weight:normal;
}

div#filmItem2 h1
{
	position:absolute;
	top:0px;
	left:70px;
	margin:0px;
	padding:0px;
	
	font-size:10px;
	font-weight:normal;
}

div#filmItem1 p
{
	position:absolute;
	top:15px;
	left:70px;
	width:205px;
	margin:0px;
	padding:0px;
	
	font-size:9px;
	font-weight:normal;
	line-height:15px;
}

div#filmItem2 p
{
	position:absolute;
	top:15px;
	left:70px;
	width:205px;
	margin:0px;
	padding:0px;
	
	font-size:9px;
	font-weight:normal;
	line-height:15px;
}

div#meerfilmSize
{
	position:absolute;
	top:6px;
	left:292px;
	width:470px;
	height:480px;
	margin:0px;
	padding:0px;
	background:url(../images/bgVideoKeuze.png) no-repeat top center;
}

div#meerfilmSize h1
{
	position:relative;
	top:25px;
	left:90px;
	width:400px;
	height:25px;
	margin:0px;
	padding:0px;
}

div#meerfilmSize ul
{
	position:relative;
	top:55px;
	left:90px;
	width:400px;
	margin:0px;
	padding:0px;
	line-height:40px;
	list-style-type:none;
	
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
}

div#meerfilmSize a
{
	text-decoration:none;
}

div#meerfilmSmall
{
	position:absolute;
	top:20px;
	left:575px;
	width:280px;
	height:280px;
	background:url(../images/bgSmallFilm.png) no-repeat top center;
}

div#meerfilmSmall h1
{
	position:absolute;
	top:30px;
	left:50px;
	margin:0px;
	padding:0px;
}

div#schaduwFilmSmall
{
	position:relative;
	top:45px;
	left:40px;
	width:198px;
	height:154px;
	background:url(../images/schaduwFilmSmall.png) no-repeat top center;
}

div#filmSmall
{
	position:absolute;
	top:50px;
	left:50px;
	width:180px;
	height:180px;
	/*border:1px solid white;*/
}

div#meerfilmLarge
{
	position:absolute;
	top:0px;
	left:490px;
	width:445px;
	height:405px;
	background:url(../images/bgLargeFilm.png) no-repeat top center;
}

div#meerfilmLarge h1
{
	position:absolute;
	top:20px;
	left:40px;
	margin:0px;
	padding:0px;
}

div#schaduwFilmLarge
{
	position:relative;
	top:35px;
	left:35px;
	width:370px;
	height:298px;
	background:url(../images/schaduwFilmLarge.png) no-repeat top center;
}

div#filmLarge
{
	position:absolute;
	top:40px;
	left:40px;
	width:360px;
	height:288px;
	/*border:1px solid white;*/
}
	

.meerFilmClose
{
	position:absolute;
	top:8px;
	right:5px;
	width:20px;
	height:20px;
}

.meerfilmSmallClose
{
	position:absolute;
	top:20px;
	right:15px;
	width:20px;
	height:20px;
}

.meerfilmLargeClose
{
	position:absolute;
	top:21px;
	right:24px;
	width:20px;
	height:20px;
}

/* eind MEER FILM */


/* start TELL-A-FRIEND */
div#tellafriend
{
	position:absolute;
	left:0px;
	top:0px;
	width:395px;
	height:292px;
	margin:0px;
	padding:0px;

	background: url(../images/bgTell-a-friend.png) repeat-y;
}

div#tellafriend h1
{
	position:abolute;
	left:20px;
	top:5px;
	margin:0px;
	padding0px;
	font-size:14px;
	font-weight:bold;
}

.tafClose
{
	position:absolute;
	display:block;
	top:5px;
	left:350px;
	width:120px;
	height:20px;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
}

div#tafContent
{
	position:absolute;
	left:15px;
	top:30px;
	width:325px;
	height:245px;
	background-color:#a7a7a7;
}

div#tafForm
{
	position:relative;
	top:5px;
	left:3px;
	width:290px;
}

.tafInputText
{
	width:290px;
	border:1px solid black;
}

div#tafForm td,tr, table
{
	font-size:9px;
	color:#000;
	text-transform:uppercase;
	border:0px;
}
/* eind TELL-A-FRIEND */


div#contentTextPage
{
	position:absolute;
	top:10px;
	left:10px;
	width:798px;
	height:292px;
	background:#3a3a3a url(../images/bgContent.jpg) top center;
}

div#contentLargeTextPage
{
	position:absolute;
	top:10px;
	left:10px;
	height:300px;
	width:798px;
	background:#3a3a3a url(../images/bgContent.jpg) no-repeat top center;
}

div#TextSWF
{
	position:absolute;
	top:0px;
	left:0px;
	width:798px;
}


/* start tekst page */
div#leftImage
{
	position:absolute;
	top:0px;
	left:0px;
	width:165px;
	height:292px;
	border-right:1px solid white;
	/*border:1px solid white;*/
}

div#contentText
{
	position:absolute;
	top:0px;
	left:165px;
	width:395px;
	height:240px;
	/*border:1px solid white;*/
}


div#heading
{
	position:absolute;
	top:0px;
	left:165px;
	width:395px;
	height:240px;
	/*border:1px solid white;*/
}

div#bodyText
{	
	position:relative;
	top:5px;
	left:20px;
	width:365px;
	height:180px;
	margin:0px;
	padding-right:10px;
	
	font-size:10px;
	line-height:16px;
	overflow:auto;
	/*border:1px solid white;*/
	
	scrollbar-face-color:747474;
	scrollbar-track-color:cccccc;
	scrollbar-arrow-color:cccccc;
	scrollbar-shadow-color:cccccc;
	scrollbar-dark-shadow-color:747474;
	scrollbar-3dlight-color:cccccc;
	scrollbar-highlight-color:747474;
}
	/* Start internet explorer fix */
	* html div#bodyText
	{	
		width:375px;
		padding-right:10px;
	}

div#bodyTextLarge
{	
	position:relative;
	top:5px;
	left:20px;
	width:605px;
	height:180px;
	margin:0px;
	padding-right:10px;
	
	font-size:10px;
	line-height:16px;
	overflow-y:auto;
	overflow-x:hidden;
	/*border:1px solid white;*/
	
	scrollbar-face-color:747474;
	scrollbar-track-color:cccccc;
	scrollbar-arrow-color:cccccc;
	scrollbar-shadow-color:cccccc;
	scrollbar-dark-shadow-color:747474;
	scrollbar-3dlight-color:cccccc;
	scrollbar-highlight-color:747474;
}
	/* Start internet explorer fix */
	* html div#bodyTextLarge
	{	
		width:605px;
		padding-right:10px;
	}
	

div#bottomMenu
{
	position:absolute;
	top:240px;
	left:165px;
	width:632px;
	height:52px;
	border-top:1px solid white;
}

div#bottomMenuConfig
{
	position:absolute;
	top:240px;
	left:165px;
	width:632px;
	height:52px;
	/*border-top:1px solid white;*/
}


.printMenu
{
	position:relative;
	top:3px;
	left:5px;
	margin:0px;
	
	font-size:8px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:15px;
	list-style-type:none;
}

.printMenu a
{
	text-decoration:none;
}

.subNavigatie
{
	position:absolute;
	top:3px;
	right:10px;
	width:550px;
	height:40px;
	margin:0px;
	
	text-transform:uppercase;
	font-size:9px;
	text-align:right;
	line-height:22px;
	list-style-type:none;
	
	/*border:1px solid white;*/
}

.subNavigatie li
{
	width:auto;
	text-align:right;
	margin-left:15px;
	display:inline;
	font-weight:bold;
}

.subNavigatie a
{
	color:#fff;
	text-decoration:none;
}
.subNavigatie a:hover
{
	color:#8dc73f;
}

a.currentNav
{
	color:#8dc73f;
}

div#rightGreen
{
	position:absolute;
	top:0px;
	left:560px;
	width:238px;
	height:240px;
	background:#8dc73f;
}

.pdf
{
	position:relative;
	top:-10px;
	left:40px;
	margin:0px;
	padding:0px;
	
	font-size:10px;
	font-weight:bold;
	
}

	* html .pdf
	{
		top:-5px;
		left:30px;
	}

.pdf li
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:25px;
	list-style-image:url(../images/PDF_icon2.png);
}

	/* Start internet explorer fix */
	* html .pdf li
	{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 15px;
		line-height:25px;
		height:auto;
		list-style-image:url(../images/PDF_icon.png);
	}

.pdf a
{
	text-decoration:none;
}
/* end tekst page */

/* begin forms */
div#formBorder
{
	position:absolute;
	top:0px;
	left:0px;
	width:798px;
	height:292px;
	background:#a7a7a7 url(../images/bgForms.jpg) top center;
	/*border:1px solid white;*/
}

div#formContent
{
	position:absolute;
	top:25px;
	left:20px;
	width:758px;
	height:252px;
	
	color:#000;
	background-color:#a7a7a7;
	/*border:1px solid white;*/
}

.formHeading1
{
	position:relative;
	left:20px;
	top:3px;
	padding:0px;
	margin:0px;
	
	font-size:14px;
	text-transform:uppercase;
}

.formHeading2
{
	position:relative;
	left:15px;
	top:10px;
	width:325px;
	padding:0px;
	margin:0px;
	
	font-size:10px;
	line-height:13px;
	color:#000;
	text-transform:uppercase;
}

.formHeading3
{
	position:relative;
	left:0px;
	top:0px;
	width:225px;
	padding:0px;
	margin:0px;
	
	font-size:10px;
	line-height:13px;
	color:#000;
	text-transform:uppercase;
}

.formClose
{
	position:absolute;
	top:3px;
	right:20px;
	width:20px;
	height:20px;
}

.formTable
{
	position:relative;
	top:30px;
	left:8px;
	color:#000;
	text-transform:uppercase;
	border:0px;
}

.formTableAfspraak
{
	position:relative;
	top:3px;
	left:8px;
	color:#000;
	text-transform:uppercase;
	border:0px;
}

.formTableAfspraak td, tr
{
	font-size:9px;
	font-weight:bold;
	color:#000;
	border:0px;
}

.formTable td, tr
{
	font-size:9px;
	font-weight:bold;
	color:#000;
	border:0px;
}

.formTable td a
{
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

.inputText
{
	width:125px;
	border:1px solid black;
}

.inputSelect
{
	border:1px solid black;
}

.inputSelectConfig SELECT
{
	border:0px;
	width:100%;
}

.inputSelect SELECT
{
	width:100%;
}

.columnRightAlign
{
	text-align:right;
}

.formRadio
{
	background-color:#8dc73f;
	color:#000000;
}
	/* Start internet explorer fix */
	* html .formRadio
	{
		background-color:#8dc73f;
		margin-right:5px;
		width:25px;
		color:#000000;
	}
	
.formRadio2
{
	background-color:#8dc73f;
	color:#000000;
}
	/* Start internet explorer fix */
	* html .formRadio2
	{
		background-color:#8dc73f;
		margin-right:2px;
		margin-left:0px;
		padding-left:2px;
		width:20px;
		color:#000000;
	}

.formCheckbox
{
	background-color:#8dc73f;
	color:#000000;
	margin-right:10px;
}
	/* Start internet explorer fix */
	* html .formCheckbox
	{
		background-color:#8dc73f;
		width:20px;
		height:20px;
		color:#000000;
	}

.formCheckbox2
{
	background-color:#8dc73f;
	color:#000000;
}
	/* Start internet explorer fix */
	* html .formCheckbox2
	{
		background-color:#8dc73f;
		width:20px;
		height:20px;
		color:#000000;
	}

.formTextArea
{
	margin:1px;
	width:124px;
	height:100px;
	
	color:#000;
	border:1px solid black;
	
	scrollbar-face-color:747474;
	scrollbar-track-color:cccccc;
	scrollbar-arrow-color:cccccc;
	scrollbar-shadow-color:cccccc;
	scrollbar-dark-shadow-color:747474;
	scrollbar-3dlight-color:cccccc;
	scrollbar-highlight-color:747474;
	overflow:auto;
}

.formTextArea2
{
	margin:1px;
	width:210px;
	height:160px;
	
	color:#000;
	border:1px solid black;
	
	scrollbar-face-color:747474;
	scrollbar-track-color:cccccc;
	scrollbar-arrow-color:cccccc;
	scrollbar-shadow-color:cccccc;
	scrollbar-dark-shadow-color:747474;
	scrollbar-3dlight-color:cccccc;
	scrollbar-highlight-color:747474;
	overflow:auto;
}

.formBtn
{
	margin:2px;
	width:60px;
	height:25px;
	
	color:#fff;
	font-size:10px;
	background-color:#3a3a3a;
	border:0px;
	text-transform:uppercase;
}


/* end forms */

div#titleBar
{
	position:relative;
	top:-3px;
	left:0px;
	width:798px;
	height:59px;
	/*border:1px solid white;*/
}
	/* Start internet explorer fix */
	* html div#titleBar
	{
		top:-4px;
		left:0px;
	}

div#titleBanner
{
	position:absolute;
	top:309px;
	left:173px;
	width:798px;
	height:59px;
	/*border:1px solid white;*/
}
	/* Start internet explorer fix */
	* html div#titleBanner
	{
		top:310px;
		left:165px;
	}

div#banners
{
	position:relative;
	top:-10px;
	left:323px;
	width:475px;
	height:177px;
	background:url(../images/bgBanners.jpg) no-repeat top center;
	/*border:1px solid white;*/
}
	/* Start internet explorer fix */
	* html div#banners
	{
		top:-4px;	
	}

div#banner1
{
	position:absolute;
	top:20px;
	left:34px;
	width:125px;
	height:125px;
	border:1px solid white;
}

div#banner2
{
	position:absolute;
	top:20px;
	left:174px;
	width:125px;
	height:125px;
	border:1px solid white;
}

div#banner3
{
	position:absolute;
	top:20px;
	left:314px;
	width:125px;
	height:125px;
	border:1px solid white;
}

div#banner1 img, div#banner1 div, div#banner2 img, div#banner2 div, div#banner3 img, div#banner3 div
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:none;
}

/* Mouse Over banners */
div#banner1_MO a
{
	position:absolute;
	top:-124px;
	left:0px;
	width:125px;
	height:125px;
	background:#fff;
	opacity:0;
	FILTER:Alpha(Opacity=0);
}
	/* Start internet explorer fix */
	* html div#banner1_MO a
	{	
		top:-129px;
	}

div#banner2_MO a
{
	position:absolute;
	top:-123px;
	left:0px;
	width:125px;
	height:125px;
	background:#fff;
	opacity:0;
	FILTER:Alpha(Opacity=0);
}
	/* Start internet explorer fix */
	* html div#banner2_MO a
	{	
		top:-129px;
	}

div#banner3_MO a
{
	position:absolute;
	top:-122px;
	left:0px;
	width:125px;
	height:125px;
	background:#fff;
	opacity:0;
	FILTER:Alpha(Opacity=0);
}

	/* Start internet explorer fix */
	* html div#banner3_MO a
	{	
		top:-128px;
	}

div#banner1_MO a:hover
{
	opacity:0.5;
	FILTER:Alpha(Opacity=50);
}

div#banner2_MO a:hover
{
	opacity:0.5;
	FILTER:Alpha(Opacity=50);
}

div#banner3_MO a:hover
{
	opacity:0.5;
	FILTER:Alpha(Opacity=50);
}

div#banner1_MO span
{
	position:relative;
	top:145px;
	left:35px;
	color:#fff;
	text-transform:uppercase;
	font-size:8px;
	font-weight:bold;
	color:#fff;
}
	/* Start internet explorer fix */
	* html div#banner1_MO span
	{
		top:145px;
	}

div#banner2_MO span
{
	position:relative;
	top:116px;
	left:175px;
	color:#fff;
	text-transform:uppercase;
	font-size:8px;
	font-weight:bold;
	color:#fff;
}
	/* Start internet explorer fix */
	* html div#banner2_MO span
	{
		top:106px;
	}

div#banner3_MO span
{
	position:relative;
	top:87px;
	left:315px;
	color:#fff;
	text-transform:uppercase;
	font-size:8px;
	font-weight:bold;
	color:#fff;
}
	/* Start internet explorer fix */
	* html div#banner3_MO span
	{
		top:66px;
	}


div#banner1_MO span:hover
{
	color:#8dc73f;
}

div#banner2_MO span:hover
{
	color:#8dc73f;
}

div#banner3_MO span:hover
{
	color:#8dc73f;
}

	
/* ------------ */
/* Basic layout */
/* ------------ */
body
{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	overflow-y:scroll;
	overflow-x:hidden;
	background:#3a3a3a;
}


div#gradient
{
	position:absolute;
	top:-10px;
	left:-11px;
	
	width:83%;
	height:420px;
	background:#3a3a3a url(../images/background_gradientGrid.gif) top right;
}


div#wrapper
{
	position:absolute;
	top:50%;
	left:50%;
	height:580px;
	width:980px;
	margin-top:-290px;
	margin-left:-490px;
	/*background-color:#3A3A3A;
	border:1px solid white;*/
}

div#logo table 
{
	width:188px;
	margin:0px;
	padding:0px;
}
div#logo
{
	position:absolute;
	top:16px;
	left:-27px;
	width:188px;
	height:120px;
}

	/* Internet explorer fix */
	* html div#logo
	{
		position:absolute;
		top:16px;
		left:-32px;
		width:188px;
		height:120px;
	}

div#mainMenu
{
	position:absolute;
	top:94px;
	left:-19px;
	z-index:99;
}
	
	/* Internet explorer fix */
	* html div#mainMenu
	{
		position:absolute;
		top:95px;
		left:-25px;
	}

/* --------- */
/* Main menu */
/* --------- */
div#mainMenu ul
{
	margin:0px;
	padding:0px;
	width:190px;
	list-style-type:none;
	text-transform:uppercase;
}

div#mainMenu li
{
	height:22px;
}

div#mainMenu li a
{
	display:block;
	width:180px;
	height:18px;
	padding-right:15px;
	
	font-weight:bold;
	font-size:10px;
	color:#fff;
	text-align:right;
	text-decoration:none;	
}

	/* Internet explorer fix */
	* html div#mainMenu li a
	{
		width:190px;
		padding-right:10px;
		height:18px;
	}

div#mainMenu li a:hover
{
	color:#8dc73f;
}
	/* ------- */
	/* Submenu */
	/* ------- */
	
	div#mainMenu li ul
	{
		position:absolute;
		width:275px;
		
		left:-999px;
		margin-left:190px;
		margin-top:-12px;
		padding-top:12px;
		padding-bottom:14px;
		background:url(../images/bgSubMenu.png);
	}
	
	/* Start internet explorer fix */
		* html div#mainMenu li ul
		{
			position:absolute;
			width:275px;
			left:-999px;
			margin-left:190px;
		}
	
	div#mainMenu li ul li
	{
		height:17px;
	}
		
		/* Start internet explorer fix */
		* html div#mainMenu li ul li
		{
			margin-top:-2px;
			margin-bottom:-2px;
		}
	
	div#mainMenu li ul li a
	{
		width:235px;
		height:17px;
		color:#fff;
		
		text-align:left;
		font-weight:bold;
		padding-left:15px;
		padding-bottom:5px;
		background:#3a3a3a;
	}
	
		/* Start internet explorer fix */
		* html div#mainMenu li ul li a
		{
			width:265px;
			padding-bottom:0px;
		}
	
	/* ---------- */
	/* Subsubmenu */
	/* ---------- */
	div#mainMenu li ul li ul
	{
		position:absolute;
		width:210px;
		left:-999px;
		
		margin-left:100px;
		margin-top:-3px;
		margin-bottom:0px;
		padding-top:3px;
		padding-bottom:8px;
		
		background:#73a530;
	}


		/* Start internet explorer fix */
		* html div#mainMenu li ul li ul
		{
			width:180px;
		}
	
	div#mainMenu li ul li ul li
	{
		width:180px;
		height:17px;
		background:#73a530;
		
		text-align:left;
		font-size:10px;
		font-weight:bold;
	}
	
	div#mainMenu li ul li ul li a
	{
		width:180px;
		height:17px;
		color:#fff;;
		background:#73a530;
	}
	
	div#mainMenu li ul li ul li a:hover
	{
		color:#3a3a3a;
	}
	
	div#mainMenu li:hover ul ul, div#mainMenu li:hover ul ul ul, div#mainMenu li.sfhover ul ul, div#mainMenu li.sfhover ul ul ul
	{
		left:-999px;
	}
	
	div#mainMenu li:hover ul, div#mainMenu li li:hover ul, div#mainMenu li li li:hover ul, div#mainMenu li.sfhover ul, div#mainMenu li li.sfhover ul, div#mainMenu li li li.sfhover ul
	{
		left:0px;
	}
	
	/* --------- */
/* Error     */
/* --------- */
div#error
{
	position:absolute;
	left:0px;
	top:0px;
	width:395px;
	height:292px;
	margin:0px;
	padding:0px;

	background: url(../images/bgTell-a-friend.png) repeat-y;
}

div#error h1
{
	position:abolute;
	left:20px;
	top:5px;
	margin:0px;
	padding0px;
	font-size:14px;
	font-weight:bold;
}

div#error div
{
	position:relative;
	left:15px;
	top:30px;
	width:90%;
	height:230px;
	overflow:auto;
	background-color:#a7a7a7;
}


/*prijsindicatie */
li.prijsIndicatieLI
{
	/*background-color:#8dc73f;*/
	color:#8dc73f;
}

div#mainMenu li a.prijsIndicatieA
{
	
	font-weight:bold;
	font-size:10px;
	color:#8dc73f;
	text-align:left;
	text-decoration:none;

}
	
	
	/* BEGIN CONFIGURATOR STYLE VANF UBBINKDAKKAPEL.NL */
	
	/* ------------ */
	/* Configurator */
	/* ------------ */
	
	div#contentHolderConfigurator
	{
		position:relative;
		top:15px;
		left:170px;
		width:818px;
		height:550px;
		background-color:#3a3a3a;
		/*border:1px solid white;*/
	}
		/* Start internet explorer fix */
		* html div#contentHolderConfigurator
		{
			left:164px;
		}
	
	
	div#configurator
	{
		position:relative;
		top:0px;
		left:0px;
		width:720px;
	}
	
	div#configurator div#formField
	{
		position:relative;
		top:0px;
		left:0px;
		width:720px;
		background:#e6e6e6;
	}		
	
	div#configurator div#helpBox
	{
		position:absolute;
		top:60px;
		right:0px;
		width:180px;
		height:180px;
		overflow-y:auto;
		background:#959595;
	}
	
	div#configurator div#helpBox p
	{
		display:block;
		position:absolute;
		top:10px;
		left:10px;
		width:140px;
		height:140px;
	}
	
	div#configurator div#image
	{
		position:relative;
		top:0px;
		left:30px;
		height:320px;
	}
	
	div#configurator div#formField a.explanation
	{
		display:block;
		float:right;
		width:20px;
		height:20px;
		background:#3a3a3a;
		
		text-align:center;
		line-height:20px;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
		
	}
	
	a.volgende
	{
		display:block;
		width:125px;
		height:30px;
		padding-left:15px;
		background:#3a3a3a;
		border:0px;
		cursor:hand;
		text-align:left;
		
		color:#fff;
		font-size:14px;
		font-weight:bold;
		text-decoration:none;
		line-height:30px;
	}
	
	/* ----------------- */
	/* Configurator tabs */
	/* ----------------- */

	div#configurator ol
	{
		display:block;
		margin:0px;
		padding:0px;
		height:60px;
		
		list-style-type:none;
	}
	
	div#configurator ol li
	{
		float:left;
	}
	
	div#configurator ol li a
	{
		display:block;
		width:130px;
		height:50px;
		padding-top:10px;
		padding-left:50px;
		background-color:#b2b2b2;
		
		font-size:14px;
		color:#000;
		text-decoration:none;
	}
	
		/* Start internet explorer fix */
		* html div#configurator ol li a
		{
			width:180px;
			height:60px;
		}
	
/*	div#configurator ol li a:hover
	{
		color:#fff;
		background-color:#ee1e26;
	}
*/	
	div#configurator ol li a.one
	{
		background-image:url(../images/ol_1.gif);
	}
	
	div#configurator ol li a.two
	{
		background-image:url(../images/ol_2.gif);
	}
	
	div#configurator ol li a.three
	{
		background-image:url(../images/ol_3.gif);
	}
	
	div#configurator ol li a.four
	{
		background-image:url(../images/ol_4.gif);
	}

	/* ------------------- */
	/* Configurator tables */
	/* ------------------- */
	
	div#formField div.form
	{
		position:relative;
		top:0px;
		left:0px;
		padding:30px 0px 30px 30px;
	}
	

	div#formField table, div#formField tr, div#formField td
	{
		overflow:hidden;
		border:0px;
	}
	
	div#formField table table 
	{
		overflow:hidden;
		border:0px;
	}
	
	div#formField div.secondsub div
	{
		float:left;
		height:30px;
		margin:0px;
		padding:0px;
		vertical-align:top;
		width:40px;
		border:0px;
		clear:right; 
	}
	
	div#formField table td
	{
		float:left;
		height:30px;
		margin:0px;
		padding:0px;
		vertical-align:top;
	}
	
	div#formField table thead td
	{
		background:none;
		font-weight:normal;
		color:#000;
	}
	
	div#formField table td.first
	{
		width:210px;
		overflow:hidden;
		color:#000;
	}
	
	div#formField div.first
	{
		width:140px;
		float:left;
	}
	
	div.firstsmall {
		height:30px;
	}


	div#formField table td.second
	{
		width:270px;
		color:#000;
	}
	
	div#formField
	{
		border:1px solid black;
	}
	
	div.second
	{
		width:340px;
		height:200px;
		float:left;
		overflow:scroll;
		overflow-x:auto;
		overflow-y:hidden;
		clear:right;
	}
	
	div.secondsub 
	{
		float:none;
		clear:right;
		height:30px;
	}
	
	div#formField table td.third 
	{
		width:30px;
	}
	
	div#formField div.third 
	{
		width:30px;
		float:left;
	}
	
	div#formField table.kozijnIndeling td
	{
		width:40px;
		text-align:center;
	}
	
	/* EINDE CONFIGURATOR STYLE VANF UBBINKDAKKAPEL.NL */
	
	
	/* --------- */
	/* Explanation */
	/* --------- */
	
	
	a.explanation
	{
		behavior:url(../scripts/popup.htc);
		-moz-binding:url(../scripts/bindings.xml#popup.htc);
	}
	
	div#visualisation
	{
		position:relative;
		top:0px;
		left:0px;
		width:608px;
		margin:0px;
		padding:15px;
		background-color:#fff;
	}


	div.configuratorparts 
	{
		float:left;
		width:328px;
		height:200px;
		overflow:scroll;
		overflow-x:scroll;
		overflow-y:visible;
		clear:right;
	}
	
	div.configuratorpart
	{
		height:30px;
		float:none;
		overflow:visible;
	}

	div.configuratorpart div 
	{
		float:left;
		height:30px;
		width:40px;
		overflow:visible;
	}
	
	
	
	
	
	/* BEGIN CONFIGURATOR STYLE VANF PREVIEW.LOFTA.NL */
	
	/* ------------ */
	/* Configurator */
	/* ------------ */
	
	/*
	div#configurator
	{
		position:relative;
		top:10px;
		left:10px;
		width:798px;
		height:292px;
		background:#3a3a3a url(../images/bgContent.jpg) top center;
	}
	
	div#configurator div#bottomMenu
	{
		position:absolute;
		top:240px;
		left:0px;
		width:798px;
		height:52px;
		border-top:1px solid white;
	}
	
	
	div#configurator .printMenu
	{
		position:relative;
		top:3px;
		left:110px;
		margin:0px;
		
		font-size:8px;
		font-weight:bold;
		text-transform:uppercase;
		line-height:15px;
		list-style-type:none;
	}
	
	div#configurator .subNavigatie
	{
		position:absolute;
		top:3px;
		right:87px;	
		width:550px;
		height:40px;
		margin:0px;
		
		text-transform:uppercase;
		font-size:9px;
		text-align:right;
		line-height:22px;
		list-style-type:none;
		
	}
	
	
	div#configurator div#formField
	{
		position:relative;
		top:0px;
		left:0px;
		width:720px;
	}		
	
	div#configurator div#helpBox
	{
		position:absolute;
		top:0px;
		right:0px;
		width:180px;
		height:241px;
		overflow-y:auto;
		background:#959595;
	}
	
	div#configurator div#helpBox p
	{
		display:block;
		position:absolute;
		top:10px;
		left:10px;
		width:140px;
		height:140px;
	}
	
	div#configurator div#image
	{
		position:relative;
		top:0px;
		left:30px;
		height:320px;
	}
	
	div#configurator div#formField a.explanation
	{
		display:block;
		width:20px;
		height:20px;
		background:#3a3a3a;
		
		text-align:center;
		line-height:20px;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
		
	}
	*/
	
	
	/* ------------------- */
	/* Configurator tables */
	/* ------------------- */
	
	div#formField div.form
	{
		position:relative;
		top:0px;
		left:0px;
		padding:30px 0px 0px 30px;
	}
	
	div#formField div#tab1 
	{
		display:block;
		padding-bottom:29px;
	}

	div#formField div#tab2
	{
		display:none;
		padding-bottom:30px;
	}

	div#formField div#tab3
	{
		overflow:hidden;
		display:none;
		padding-bottom:30px;
	}
	
	div#formField div#tab4
	{
		display:none;
		padding-bottom:30px;
	}

	div#formField table td
	{
		float:left;
		height:30px;
		margin:0px;
		padding:0px;
		vertical-align:top;
	}
	
	div#formField table thead td
	{
		background:none;
		font-weight:normal;
		color:#000;
	}
	
	div#formField table td.first, div#formField table td.fourth
	{
		font-size:9px;
		width:102px;
		overflow:hidden;
		color:#000;
	}
	
	div#formField table td.first_cfg
	{
		font-size:9px;
		width:222px;
		overflow:hidden;
		color:#000;
	}

	div#formField table td.second
	{
		width:146px;
	}
	
	div#formField table td.second_cfg
	{
		width:270px;
		color:#000;
	}
	
	div#formField table td.second_cfg DIV
	{
		width:236px;
		color:#000;
	}


	div#formField table td.third, div#formField table td.sixth, div#formField table td.seventh
	{
		width:30px;
	}
	
	
	/* Configurator part CSS specific */
	/*
	div#formField div div.first
	{
		float:left;
		width:140px;
	}
	
	div#formField div div.second
	{
		float:left;
		width:240px;
		height:200px;
	}

	div#formField div.third
	{
		float:left;
		width:30px;
		float:left;
	}
	
	div#formField input#submit
	{
		width:120px;
	}
	
	

	
	
	.visualisationClose
	{
		position:relative;
		top:-4px;
		left:500px;
	}
	*/

/* --------- */
/* Explanation */
/* --------- */

/*
a.explanation
{
	behavior:url(../scripts/popup.htc);
	-moz-binding:url(../scripts/bindings.xml#popup.htc);
}
*/

	/* BEGIN CONFIGURATOR STYLE VANF PREVIEW.LOFTA.NL */
