/* css knipper bug oplossing */
html { 
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

body	{
	background			: white url(../img/body_bg.gif) repeat-x;
	margin				: 0;
	padding				: 0;
	font				: 0.7em Tahoma;
	text-align			: center; /* #container centreren voor IE5 */
}

body .bg_links	{
	position			: absolute;
	z-index				: 1;
	width				: 50%;
	height				: 219px;
	top					: 0;
	left				: 0;
	background			: white url(../img/body_bg_links.gif) repeat-x 0 111px;
}

.clear	{ clear: both; }

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	background			: #fff;
	position			: relative;
	margin				: 0 auto;
	width				: 993px;
	text-align			: left;
	z-index				: 10;
}

/* website titel */
#container h1	{
	margin				: 0;
	height				: 111px;
}

#container h1 a	{
	text-indent			: -9000px;
	overflow			: hidden;
	display				: block;
	height				: 100px;
	width				: 531px;
	background			: url(../img/logo.gif) no-repeat 0 17px;
}

/* mkbOK logo */
#container p.mkbok	{
	position			: absolute;
	right				: 5px;
	top					: 0;
}

#container p.mkbok img	{
	border				: none;
}

/* pagina titel */
#container h2	{
	margin				: 4px 0;
	background			: #9f65bc no-repeat 40px 20px;
	width				: 375px;
	height				: 90px;
	text-indent			: -900em;
	float				: left;	
}

#container h2.stap1					{	background-image	: url(../img/titel_stap1.gif);	}
#container h2.stap2					{	background-image	: url(../img/titel_stap2.gif);	}
#container h2.stap3					{	background-image	: url(../img/titel_stap3.gif);	}
#container h2.stap4					{	background-image	: url(../img/titel_stap4.gif);	}
#container h2.stap5					{	background-image	: url(../img/titel_stap5.gif);	}
#container h2.stap6					{	background-image	: url(../img/bestellingverzonden.gif);	margin-left: 2px; padding-bottom: 4px;	}
#container h2.b10491				{	background-image	: url(../img/titel_hoe.gif);	}
#container h2.b10644				{	background-image	: url(../img/titel_voordelen.gif);	}
#container h2.b10492				{	background-image	: url(../img/titel_voorwaarden.gif);	}
#container h2.b10493				{	background-image	: url(../img/titel_vragen.gif);	}
#container h2.b10494				{	background-image	: url(../img/titel_portfolio.gif);	}
#container h2.b10495				{	background-image	: url(../img/titel_contact.gif);	}
#container h2.b10496				{	background-image	: url(../img/titel_actievoorwaarden.gif);	}
#container h2.akkoord				{	background-image	: url(../img/titel_akkoord.gif);	margin-left: 2px; padding-bottom: 4px;	}
#container h2.wijzigenbestelling	{	background-image	: url(../img/titel_wijzigen.gif);	margin-left: 2px; padding-bottom: 4px;	}
#container h2.wijzigen				{	background-image	: url(../img/titel_wijzigen.gif);	margin-left: 2px; padding-bottom: 4px;	}
/*#container h2.bestelling	{	background-image	: url(../img/bestellingverzonden.gif);	margin-left: 2px; padding-bottom: 4px;	}*/

/* kopje */
#container h3, #container h4	{
	font-size			: 1.2em;
	line-height			: 1;
	margin				: 1em 0 2px 0;
	clear				: both;
	color				: #9f65bc;
	background			: #EEE7EE;
	padding				: 2px 5px;
	clear				: both;
}

#all_extra_drukwerk_oplages h3.rood input {
	border				: 0;
}

#all_extra_drukwerk_oplages h3.rood span {
	margin-left: 365px;
}

/* formulieren opmaak */
#container input, #container textarea, #container select 	{
	font				: 1em Tahoma;
	border				: solid 1px #7F8C9D;
	color				: #202020;
	background			: #ECEDEF;
	padding				: 2px;
	margin				: 1px 0;
}

#container input.checkbox, #container input.radio 	{
	border				: none;
	background			: none !important;
}

#container label 	{
	cursor				: pointer;
}

#container fieldset 	{
	border				: solid 1px #ECEDEF;
	padding				: 7px;
	margin				: 0 0 10px 0;
}

#container legend 	{
	color				: #9f65bc;
	margin				: 0;
}

#container input.button 	{
	font-weight			: bold;
	color				: #fff;
	border				: solid 1px #202020;
	background			: #202020;
	cursor				: pointer;
}

#container input.image	{
	padding				: 0;
	border				: none;
	cursor				: pointer;
	background			: none !important;
}

#container a	{
	color				: #9f65bc;
}

/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	background			: url(../img/menu_bg.gif) repeat-x;
	height				: 27px;
	margin				: 0;
	padding				: 0;
	list-style			: none;
	position			: absolute;
	top					: 75px;
	right				: 0;
}

#menu li:first-child, #menu li.first-child	{
	background			: url(../img/menu_begin.gif) no-repeat left top;
}

#menu li:last-child, #menu li.last-child	{
	background			: url(../img/menu_eind.gif) no-repeat right top;
}

#menu li	{
	float				: left;
	height				: 27px;
}

#menu li a	{
	display				: block;
	float				: left;
	height				: 20px;
	padding				: 7px 8px 0 10px;
	background			: url(../img/menu_splitter.gif) no-repeat right top;
	text-transform		: uppercase;
	color				: #fff;
	text-decoration		: none;
	font-size			: 0.9em;
	font-weight			: bold;
}

#menu li a:hover	{
	color				: #DDADF5;
}

#menu li:last-child a, #menu li.last-child a	{
	background			: none;
}

/* --------------------------------	*/
/* border						 	*/
/* --------------------------------	*/
#border				{
	border-top		: solid 10px #9f65bc;	
	margin			: 0 2px 0 2px;
}

/* --------------------------------	*/
/* stappen						 	*/
/* --------------------------------	*/
#stappen	{
	margin				: 0;
	padding				: 0 0 0 2px;
	list-style			: none;
	height				: 180px;
	border-bottom		: solid 10px #9f65bc;		
}

#stappen li	{
	display				: block;
	float				: left;
	height				: 180px;
}

#stappen a	{
	display				: block;
	text-indent			: -900em;
	overflow			: hidden;
	height				: 180px;
}

#stappen li.stap1			{	width: 197px;	background: url(../img/stap_1.gif) no-repeat; }
#stappen li.stap1_actief	{	width: 197px;	background: url(../img/stap_1_actief.gif) no-repeat; }
#stappen li.stap1_voltooid	{	width: 197px;	background: url(../img/stap_1_voltooid.gif) no-repeat; }

#stappen li.stap2			{	width: 197px;	background: url(../img/stap_2.gif) no-repeat; }
#stappen li.stap2_actief	{	width: 197px;	background: url(../img/stap_2_actief.gif) no-repeat; }
#stappen li.stap2_voltooid	{	width: 197px;	background: url(../img/stap_2_voltooid.gif) no-repeat; }

#stappen li.stap3			{	width: 198px;	background: url(../img/stap_3.gif) no-repeat; }
#stappen li.stap3_actief	{	width: 198px;	background: url(../img/stap_3_actief.gif) no-repeat; }
#stappen li.stap3_voltooid	{	width: 198px;	background: url(../img/stap_3_voltooid.gif) no-repeat; }

#stappen li.stap4			{	width: 199px;	background: url(../img/stap_4.gif) no-repeat; }
#stappen li.stap4_actief	{	width: 199px;	background: url(../img/stap_4_actief.gif) no-repeat; }
#stappen li.stap4_voltooid	{	width: 199px;	background: url(../img/stap_4_voltooid.gif) no-repeat; }

#stappen li.stap5			{	width: 199px;	background: url(../img/stap_5.gif) no-repeat; }
#stappen li.stap5_actief	{	width: 199px;	background: url(../img/stap_5_actief.gif) no-repeat; }
#stappen li.stap5_voltooid	{	width: 199px;	background: url(../img/stap_5_voltooid.gif) no-repeat; }


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	color				: #202020;
	line-height			: 1.6em;
	padding				: 10px 40px;
	float				: left;
	width				: 600px;
}

#content p, #content form, #content ul	{
	margin				: 0 0 1em 0;
}

#content .hidden	{
	display				: none;
}

#content ul.form	{
	margin				: 0 0 1em 0;
	padding				: 0;
	list-style			: none;
	clear				: both;
}

#content .form li	{
	clear				: left;
	padding				: 4px 0;
}

#content .form .label	{
	float				: left;
	width				: 150px;
	font-weight			: bold;
}

#content .form .labeloplage	{
	float				: left;
	width				: 250px;
	font-weight			: bold;
	margin-left			: 5px;
}

#content .form .labelformaat	{
	float				: left;
	width				: 30px;
}

#content .form .veld	{
	float				: left;
	width				: 400px;
}

#content .buttons	{
	clear				: both;
	padding				: 1em 0;
}

#content .buttons a {
	margin-left			: 2px;
} 

#content .buttons input {
	margin				: 0;
} 

#content .overzicht	{
	clear				: both;
}

#content .overzicht a {
	margin-left			: 2px;
}

/* tooltip */
span.help, span.help2	{
	border				: none;
	cursor				: help;
}

.tooltip	{
	position			: absolute;
	z-index				: 1337;
	padding				: 10px;
	background			: #9f65bc;
	color				: #fff;
	border				: solid 1px #fff;
}

/* slider */
.sliderWrapper	{
	width				: 300px;
}

.sliderWrapper	{
}

.titel_links	{
	float				: left;
}

.titel_rechts	{
	float				: right;
}

.slider	{
	clear				: both;
	width				: 300px;
	height				: 25px;
	position			: relative;
	background			: url(../img/slider_bg.gif) no-repeat;
	z-index				: 1;
	cursor				: pointer;
}

.indicator	{
	width				: 12px;
	height				: 25px;
	background			: url(../img/slider.gif) no-repeat;
	position			: absolute;
	font-size			: 1px;
	overflow			: hidden;
	cursor				: pointer;
}



/* --------------------------------	*/
/* colorpicker					 	*/
/* --------------------------------	*/
#picker	{
	height				: 195px;
	width				: 195px;
}


/* --------------------------------	*/
/* zijbalk						 	*/
/* --------------------------------	*/
#zijbalk	{
	float				: left;
	width				: 300px;
	margin-top			: -110px;
}

/* foto */
#zijbalk .foto	{
	border				: solid 1px #C5C5C5;
	padding				: 23px;
	margin				: 20px auto;
}

#zijbalk #flashImg	{
	border				: solid 1px #f5f5f5;
}

/* inlog form */
#heading { width: 679px; float: left;}

#login	{
	border				: solid 1px #C5C5C5;
	padding				: 0;
	margin				: 5px auto;	
	float				: left;
	width				: 300px;
}

#login h3	{
	margin				: 0;
}

#login form	{
	margin				: 0;
}

#login form dl	{
	padding				: 0;
	margin				: 10px;
}

#login form dt	{
	margin				: 1px 0;
	clear				: both;
	float				: left;
	width				: 100px;
}

#login form dd	{
	margin				: 1px 0;
	float				: left;
	width				: 160px;
}

#login form input	{
	width				: 140px;
}

#login form input.checkbox	{
	width				: auto;
	vertical-align		: middle;
}

#login form input.button	{
	width				: auto;
	clear				: both;
	margin				: 0 10px 10px 10px;
}

/* inlog info */
#login	{
	border				: solid 1px #C5C5C5;
	padding				: 0;
	margin-top			: 15px;
}

#login p	{
	margin				: 10px;
}

#login ul	{
	padding				: 0;
	margin				: 10px;
	list-style			: none;
	height				: 2em;
}

#login li	{
	display				: block;
	float				: left;
	padding-right		: 5px;
}

#login ul li a	{
	display				: block;
	float				: left;
	padding				: 5px 0 0 0;
	height				: 20px;
	width				: 97px;
	text-align			: center;
	font-weight			: bold;
	color				: #fff;
	background			: #202020 url(../img/button_bg.gif) no-repeat;
	text-decoration		: none;
}

#login li.uitloggen a	{
	color				: #9f65bc;
	border				: solid 1px #9f65bc;
	background			: #fff;
	width				: auto;
	height				: auto;
	padding				: 2px 5px;
	margin				: 3px 0 0 0;
}

/* berekenmodule */
#zijbalk .berekenmodule	{
	padding				: 5px;
	margin				: 20px auto;
}

/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	clear				: both;
	background			: #202020;
	padding				: 7px 10px;
	height				: 1.3em;
}

#footer .copyright	{
	float				: left;
	color				: #fff;
}

#footer .amimpact	{
	float				: right;
}

#footer .amimpact a	{
	color				: #818181;
	text-decoration		: none;
}


/* --------------------------------	*/
/* tabel opmaak					 	*/
/* --------------------------------	*/
.tabel	{
	width				: 100%;
	border-collapse		: collapse;
	margin-bottom		: 20px;
	margin-top			: 10px;
}

.tabel tbody td	{
	border-bottom		: solid 1px #ECEDEF;
	border-top			: solid 1px #ECEDEF;
}

.tabel tbody th	{
	padding-right		: 15px;
}

.tabel a.opnieuw	{
	display				: block;
	text-indent			: -900em;
	overflow			: hidden;
	margin-left			: 43px;
	background			: url(../img/opnieuw.gif) no-repeat 0;
	height				: 15px;
	width				: 12px;
}

.tabel tr.totaal td	{
	border-top			: solid 2px #333;
	font-weight			: bold;
}

.tabel tr.totaal td.titel	{
	text-align			: right;
}

.titelbestelling	{
	color				: #4F8BCD;
	font-weight			: bold;
}

.gekozenkleur	{
	font-size			: .9em;
	color				: #4F8BCD;
	padding-top			: 5px;
}

.tabel tbody th.bestellingwijzigen		{
	background			: url(../img/bestelling.gif) no-repeat;
	width				: 180px;
	height				: 22px;
	float				: right;
}

.tabel tbody th.bestellingwijzigen a	{
	display				: block;
	text-indent			: -900em;
	overflow			: hidden;
	height				: 22px;
	width				: 180px;
	float				: right;
}

.tabel tbody th.livevoorbeeld	{
	background			: url(../img/livevoorbeeld.gif) no-repeat;
	width				: 180px;
	height				: 22px;
	float				: right;
}

.tabel tbody th.livevoorbeeld a	{
	display				: block;
	text-indent			: -900em;
	overflow			: hidden;
	height				: 22px;
	width				: 180px;
	float				: right;
}




#kleurkeuze	{
	background			: #EEE7EE;
	border				: solid 2px #9F65BC;
	z-index				: 50;
}

#kleurkeuze .sluiten	{
	background			: #9F65BC;
	padding				: 2px 5px;
	text-align			: right;
}
#kleurkeuze .sluiten a	{
	color				: #FFFFFF;
	font-weight			: bold;
}

#stijllogos				{
}

/* --------------------------------	*/
/* contact formulier			 	*/
/* --------------------------------	*/
#container .contactform {
	font				: 1em Tahoma;
	margin				: 0;
}

#container .contactform input, .contactform select, .contactform textarea   {
	border				: solid 1px #999;
	font				: 1em Arial;
}

#container .contactform input.button   {
	cursor				: pointer;
	background			: #999;
	color				: #fff;
	font-weight			: bold;
	margin-top			: 10px;
}

#container .contactform ul {
	list-style			: none;
	margin				: 0;
	padding 			: 0;
}

#container .contactform fieldset {
	border				: 0;
	margin				: 0;
	padding				: 0;
}

#container .contactform legend 	{
	display				: none;
}

#container .contactform label 	{
	font-weight			: bold;
}

#container .contactform .veldFout 	{
	border				: 1px solid red;
}

#container .contactform #frmMelding 	{
	color				: red;
	font-weight			: bold;
	margin				: 10px 0;
}

#container .contactform li.postcode	{
	float				: left;
	width				: 70px;
}

#container .contactform li.plaats	{
	float				: left;
	width				: 230px;
}

#container .contactform li.telefoon	{
	clear				: both;
}
.error {
	color: #FF0000;
}

/* --------------------------------	*/
/* contact formulier (homepage) 	*/
/* --------------------------------	*/

#contactformulier ul.formulier {
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

#contactformulier .input {
	font				: 1em Tahoma;
	border				: solid 1px #7F8C9D;
	color				: #202020;
	background			: #ECEDEF;
	padding				: 2px;
	margin				: 1px 0;
	width				: 200px !important;
}

#contactformulier .button 	{
	background			: #999999 none repeat scroll 0% !important;
	color				: #FFFFFF !important;
	cursor				: pointer !important;
	font-weight			: bold !important;
	margin-top			: 10px !important;
}

#contactformulier .veld .fout {
	border				: solid 1px red;
}

/* portfolio element */
ul.portfolio {
 	width				: 175px;
  	float				: left;
  	padding				: 0;
	margin				: 0;
	list-style-type		: none;
}
  	
ul.portfolio li {
  	height				: 150px;
}