html,
body {
	height:100%;
}

body {
	font-family:Arial, sans-serif;
	margin:0;
	padding:0;
	font-size:62.5%;
/*	background-image:url('../images/opruiming/opruiming.png'); 
	background-repeat:repeat*/
}

* ul {
	padding:0;
	margin:0;
	list-style:none;
}

#skiplink,
#content {
	position:absolute;
	left:-100000px;
	padding:0;
}

#skiplink:focus {
	position:absolute;
	left:0;
}



/*************************************************************************
******************************** #contentwrapper *************************
**************************************************************************/

#contentwrapper {
	width:90%;
	height:100%;
	/*background-color:#FFF;*/
	margin-left:5%;
	margin-right:5%;
}

/*************************************************************************
******************************** #primarycontent *************************
**************************************************************************/

#primarycontent {
	float:right;
	width:72%;
	padding-right:3%;
	padding-top:0;
}


/*************************************************************************
******************************** #header *********************************
**************************************************************************/

#header {
	height:100px;
	margin-bottom:1em;
	border-top:solid 2em #45CFF4 ;
}

#header img {
	border:none;
}

#discountbanner {
	height:100px;
	
	margin-left:40px;
	background-image:url('../images/discountbanner_green.png');
	background-position:right bottom;
	background-repeat:no-repeat;
	background-color:#A8EF37;
}



#discountbanner a {
	display:block;
	height:100%;
	margin-left:200px !important;
	margin-left:0;
	padding-right:15px;;
	background-repeat:no-repeat;
	background-position:center;
	text-align:right;
	vertical-align:bottom;
	color:#FFF;
}

#discountbanner a span {
	position:absolute;
	left:-100em;
}

#discountbanner a .discountlink {
	padding-top:72px;
	display:block;
}


#header strong {
	background-image:url(../images/logobackground.png) !important;
	background-image:url(../images/logobackground-ie.png);
	background-position:left bottom;
	background-repeat:no-repeat;	
	float:left;
	width:300px;
	margin-left:-11px !important;
	margin-left:-12px;
	height:110%;
}

#header strong object,
#header strong img, 
#header strong embed{
	width:220px;
	height:67px;
	max-width:220px;
	max-height:67px;
	margin-top:10px;
	margin-left:42px;

}

#header ul {
	float:right;
	margin-top:-1.5em;
	font-size:1em;
	margin-right:3px;
}

#header li {
	float:left;
}

#header ul > li:after {
	content:" | ";
}

#header ul > li + li + li:after {
	content:"";
}


#header li a {
	padding:0 0.5em;
	margin:0 0.2em;
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

#header li a:hover,
#header li a:focus {		
	background-color:#FFC;
}

/*************************************************************************
******************************** #info ***********************************
**************************************************************************/

#info {
	clear:both;
	width:100%;
	background-color:#FFC;	
	margin-bottom:1em;
}

#info em {
	display:block;
	font-family:Verdana, sans-serif;
	padding:0.3em 1em;
	font-size:0.8em;
}

/*************************************************************************
******************************** #discount *******************************
**************************************************************************/

#discount {
	width:52em;
}

#discount #downloadfolder {
	text-decoration:none;
	color:#666;
	float:right;
	margin-right:1em;
	clear:both;
}


#discount #downloadfolder span {
	text-decoration:underline;
}


#discount object {
	width:52em;
	/*width:inherit;*/
	height:20.2em
}

#discount object div {
	margin-bottom:1em;
}

#discount object div {
	width:31%;
	float:left;
	padding-right:3%;
}

#discount object div p {
	margin:0;
}

#discount object div img {
	display:none;
}

#discount .lastcontentfrontpage {
	padding-right:0;
}

/*************************************************************************
******************************** #maincontent ****************************
**************************************************************************/

#maincontent {
	font-family:Verdana, sans-serif;
	clear:both;
	width:52em;
}

#maincontent a {
	color:#1CADD4;
}

#maincontent h1 {
	color:#FFF;
	/* color:white; KERST*/
	display:inline;
	margin-right:auto;
	background-color:#FF6E07;
	/* background-color:red; KERST*/
	padding:0 0.5em;
	font-size:1.4em;
	
}

#maincontent .contentfrontpage {
	float:left;
	width:30em;
	padding-right:3%;
	color:#666;
	margin-top:1.8em;
}

#maincontent .contentfrontpage h2 {
	font-size:1em;
}

#maincontent .contentfrontpage a img {
	float:left;
	border:none;
}

#maincontent #top5 {
	padding:0;
	width:220px;
	height:180px;
	background-image:url(../images/background-top5.png);
	background-repeat:no-repeat;
	margin-top:4em;
	float:right;
	
}

#maincontent #top5 li {
	font-size:18px;
	padding:7px 0;
	color:#FFF;
	text-align:center;
	
	
}




#maincontent del {
	color:#A45200;
	/*color:#000; KERST*/
}

#maincontent h2 {
	font-size:1.2em;
}

#maincontent p {
	clear:both;
}

#maincontent ul li a:hover {
	background-color:#FFC;
}

#maincontent #voorwaarden,
#maincontent #voorwaarden ol {
	list-style-type:none;
}

#maincontent .solutions,
#maincontent .solutions ul {
	list-style-type:square;
	padding-left:1em;
}

	/*************************************************************************
	************************* #advanced_search_form **************************
	**************************************************************************/

	#advanced_search_form label {
		display:block;
		padding:0.2em;
	}
	
	#advanced_search_form input:focus,
	#advanced_search_form input:hover,
	#advanced_search_form select:focus,
	#advanced_search_form select:hover {
		background-color:#FFC;
	}
		
	#advanced_search_form #keywords {
		width:30em;
	}
	
	#advanced_search_form fieldset {
		border:none;
		margin-top:2em;
	}
	
	#advanced_search_form #searchoptions {
		background-color:#F0F0F0;
	}
	
	#advanced_search_form legend {
		font-weight:bold;
	}
	
	#advanced_search_form .submit-search {
		float:right;
	}

	/*************************************************************************
	******************************** dl.producten ****************************
	**************************************************************************/
	
	#maincontent dl.producten {
		background-color:#FFF;
	}
	
	#maincontent dl.producten dt {
		float:left;
		width:100px;
		height:100px;
		margin-left:15px;
		margin-top:10px;
		padding-top:20px;
	}
	
	#maincontent dl.producten dt img {
		width:100px;
		height:100px;
		border:none;
		position:absolute;
		z-index:0;
	}
	
	#maincontent dl.producten a {
		/*background-color:transparent;*/
	}
	
	#maincontent dl.producten dd {
		position:relative;
		z-index:auto;
		font-size:11px;
		text-align:center;
		color:#FFF;
		font-weight:bold;
		width:100px;
		float:left;
		margin-left:-100px;
		margin-top:130px;
	}
	
	#maincontent dl.producten dd a {
		text-decoration:none;
		color:#000;	
			padding-top:100px;
		position:relative;
		z-index:2;
		outline:none;
	}
	
	#maincontent dl.producten dd a:focus {
		color:#F00;
	}
		
	
	#maincontent dl.producten dd.logo {
		margin-top:168px;
	}	
	
	#maincontent dl.producten dd.price {
		margin-top:198px;
		padding-top:5px;
		padding-bottom:5px;
		height:28px;
		background-color:#FF6600;
		 /*background-color:red;KERST*/
		/*color:#000;*/
			color:white !important; 
			/*background-image:url('../images/xmas/price_background.png'); KERST*/
			
			background-position:right top; 
			background-repeat:no-repeat; 
			
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		
	}
	
	/*************************************************************************
	******************************** #subcategory ****************************
	**************************************************************************/	
	
	
	#subcategory q a {
		color:#1CADD4;
	}
	
	#subcategory p {
		padding:1.5em;
	}	
	
	
	/*
	#subcategory #taginformation {
		padding:2em 4em;
		background-color:#F7F7F7;
		float:left;
	}
	
	#subcategory #taginformation dt  {
		float:left;
		width:2.4em;
		clear:left;
		
	}
	
	
	#subcategory #taginformation dd  {
		margin:0 0.3em;
		float:left;
		width:auto;
		
	}
	
	#subcategory #taginformation dd p {
		padding:0.5em 0;
		

		color:#4B4B4B;
	}*/
	
	/*************************************************************************
	************************* #maincontent #brand ****************************
	**************************************************************************/
	
	#brand {
		clear:left;
	}
	
	
	#brand  ul li,
	#map ul li {
		float:left;
	
	}
	
	#brand ul li img {
		border-style:none;
	}
	
	#brand  ul li a,
	 #map ul li a{
		display:block;
		width:8em;
		line-height:3em;
		text-align:center;
		vertical-align:middle;
	}
	
	#moreproducts {
		clear:both;
		font-size:1.2em;
		font-weight:bold;
		text-align:right;
		margin-right:2em;
		margin-top:1em;
	}
	
	
		
		#breadcrumb {
				position:absolute;
			top:0;
				font-size:1em;			
		}
		
#breadcrumb img {
	border:none;		
}
		
#breadcrumb ol {
	list-style:none;
	margin:0;
	padding:0;
	padding-left:14px;
}

#breadcrumb li a { 
	color:#FFF;
	float:left;
	padding:0.35em 0px;
	text-decoration:none;
	padding-right:7px;
	padding-left:25px;
	background-image:url('../images/breadcrumb.png' );
	background-position:center left ;
	background-repeat:no-repeat;
}

#breadcrumb ol > li:first-child a {
background-image:none;
} 

#breadcrumb li a:hover,
#breadcrumb li a:focus { 
	color:#000;	
}

#breadcrumb li { 
	display:inline;
}

	/*************************************************************************
	******************************** #productinfo ****************************
	**************************************************************************/
	
	#productinfo .imagedescription {
		width:105px;
		float:left;
		text-align:center;
	}

	
	#productinfo #productimages  {
		float:right;
		margin:1em;
		width:100px;
	}
	
	#productinfo #productimages ul {
		list-style:none; 
		float:right; 
		padding:0; 
		margin:1em 0;
	}
	
	#productinfo #productimages ul li {
		display:inline;
	}
		
	#productinfo p {
		clear:none;
	}
	
	#productinfo img {
		border:none;
	}

	#productinfo ul {
		list-style-type:square;
		padding-left:1em;
	}

	
	#productinfo form {
		margin-top:0;
		
	}
	
	#productinfo fieldset {
		border:none;
		margin:0;
		padding:0;
		width:100%;
		background-color:#A8EF37;
		height:6em;;
	
	}
	
	#productinfo fieldset strong {
		margin-left:1em;
		float:left;	
	}
	
	
	#productinfo fieldset a {
		padding:0;	
		background-color:transparent;
	}
	
	#productinfo fieldset label {
		margin-left:1em;
		float:left;	
	}
	
	#productinfo fieldset select {
		float:left;
		margin-left:0.2em;
		vertical-align:middle;
	}
	
	
	#productinfo fieldset input {
		float:right;
		margin-left:1em;
		margin-right:1em;
		border:none;
		margin-top:0em;
	}
	
	#productinfo fieldset legend {
		padding:0;
		display:block;
		font-size:1.2em;
		font-weight:bold;
		margin-bottom:1em;
	}
	
	#productinfo #opvoorraad {
		padding:1em;
		background-color:#FFC;
		margin-top:1em;
	}
	
	#productinfo #nietvoorraad {
		padding:1em;
		background-color:#F66;
		margin-top:1em;
	}	
	
	/*************************************************************************
	******************************** .beoordeling ****************************
	**************************************************************************/	
	
	.beoordeling {
		background-color:#E6FDFF;
		margin-top:1em;
	}
	
	.beoordeling .beoordelingheader {
		background-color:#45CFF4;
		padding:0 1em;
		height:1.2em;
	}
	
	.beoordeling .beoordelingheader span {
		float:right;
	}	
	.beoordeling .beoordelingheader cite {
		float:left;
		font-style:normal;
	}

	
	.beoordeling .beoordelingdate {
		text-align:right;
		margin-bottom:1em;
		font-size:0.8em;
		margin-right:1em;

	}
	.beoordeling blockquote {
				padding:1em;
				padding-top:0;
				margin:0;
	}
	
	/*************************************************************************
	******************************** #taginformation *************************
	**************************************************************************/	
	
	#taginformation dt {
		float:left;
		clear:left;
	
	}
	
	#taginformation dd {
		float:left;
		font-weight:bold;
		width:85%;
	}	
	
	#taginformation dd p {
		font-weight:normal;
		padding:0 0 !important; 
		padding:1em 0;
	}	
	
	/*************************************************************************
	******************************** #beoordeelinput *************************
	**************************************************************************/
	
	
	#beoordeelinput .beoordeelinglabel {
		display:block;
		width:100%;
		font-weight:bold;
		margin-top:1em;
	}
	
	#beoordeelinput img {
		float:left;
	}
	
	#beoordeelinput #waardering {
		padding:1em;
	}
			
	/*************************************************************************
	******************************** #inloggen *******************************
	**************************************************************************/
	
	#inloggen input[type="image"] {
		float:right;
	}
	
	#inloggen ol > li {
		border-top:2px solid #45CFF4;
		margin-top:1em;
	}
	
	

	
	#inloggen fieldset {
		margin:1em;
		border-style:none;
		margin-left:0;
		padding-left:0;
	}	
	
	#inloggen legend {
		margin-bottom:1em;
	}	
	
	
	#inloggen input {
		font-size:1.2em;
	}	
	
	#inloggen input:hover,
	#inloggen input:focus {
		background-color:#FFC;
	}	
	
	#inloggen a {
		color:#1CADD4;
		font-size:0.8em;
	}
	
	#inloggen #create_account label {
		float:left;
		width:11em;
		text-align:left;
		margin-right:0.5em;
		color:#000;
	}
	
	#inloggen #submit {
		float:none;
		margin-left: 14em;
	}
	
	#inloggen #create_account fieldset div {
		padding:0.2em;
		width:30em;
	}
	
	#inloggen #create_account fieldset legend {
		font-weight:bold;
	}	
	
	#inloggen #create_account strong#error {
		padding:2em;
		background-color:#FF9598;
		color:#F00;
		display:block;
		margin:1em 0;
		border:2px solid #F00;
	}	
	
	#inloggen #create_account .required {
		font-size:0.8em;
		color:#F03;
	}
	
	#inloggen #create_account #privacystatement {
		font-size:0.8em;
		color:#999;
	}

	/*************************************************************************
	******************************** #mainbasket *****************************
	**************************************************************************/
	
	#mainbasket table {
		border-collapse:collapse;
		width:100%;
	}
	
	#mainbasket td {
		padding:0.3em;
	}
	
	#mainbasket th {
		text-align:left;
	}		
	
	#mainbasket fieldset {
		border: 1px solid #CCC;
		margin-bottom:2em;	
		padding:0.5em;
	}
	
	#mainbasket legend {
		text-indent:-1000em;
		position:absolute;
	}
	
	#mainbasket .oddrow {
		background-color:#FF00AB;
	}
	
	#mainbasket a {
		color:#000;
		text-decoration:none;
	}	
	
	#mainbasket a img {
		border:none;
		float:right;
	}	
	
	#mainbasket input{
		float:left;	
	}
	
	#mainbasket .basketextra {
		float:left;
		width:110px;
		text-align:center;
		padding:0.5em;
	}
	
	#mainbasket h2 {
		margin-top:5em;
	}
	
	#mainbasket a.also img {
	margin:1em;
		float:left;
	}	
	
	#sitemap {
		margin-top:1em;
		background-image:url('/catalogus/images/sitemap.jpg');
		background-position:right top;
		background-repeat:no-repeat;
		height:56em;
		margin-right:-2em;
	}

	#sitemap li {
		line-height:2em;
	}
	#sitemap ul{
		margin-left:1em;
	}
	
	/*************************************************************************
	******************************** #contact ********************************
	**************************************************************************/
	
	#map {
		background-image:url('/catalogus/images/map.png');
		background-repeat:no-repeat;
		height:645px;
		width:554px;
	}
	
	#map img {
		border-style:none;
	
	}
	
	#map li {
		padding:0;
		margin:0;
		
	}
	
	#map a {
		background-image:url('/catalogus/images/gardodot.png');
		background-position:left;
		background-repeat:no-repeat;
		font-size:11px;
		text-decoration:none;
		color:#333;
		padding-left:5px;
	}
	
	#map a:hover,
	#map a:focus {
		background-color:#FFC;
	}			
	
	#dot_amersfoort {
		position:relative;
		left:0;
		top:310px;
	}	
	
	#dot_groningen {
		position:relative;
		left:450px;
		top:50px;
	}	
	
	#dot_utrecht {
		position:relative;
		left:-130px;
		top:330px;
	}				
				
	#dot_hilversum {
		position:relative;
		left:65px;
		top:280px;
	}							
	
	#dot_velserbroek {
		position:relative;
		left:90px;
		top:215px;
	}	
	
		/*************************************************************************
		******************************** #vcard **********************************
		**************************************************************************/
		
		#vcard_transform {
			color:#CCC;
			font-size:8px;
		}
		
		.adr span {
			display:block;
		}
		
		.postal-code,
		.locality {
			float:left;
		}
		
		.locality {
			margin-left:0.5em;
		}
			
		.region {
			clear:left;
		}		
		
		#branchinfo {
			width:545px;
			margin:5em 0;
		}
		
		#branchinfo li {
			margin-bottom:2em;
			padding:0.5em;
			border-bottom:1px solid #999;
		}
		
		.vcard {
			float:left;
			width:18em;
		}
		
		.vcard h3 {
			margin-top:0;
		}
		
		.route_description_map {
			margin-left:1em;
			float:right;
		}	
				
		.route_description_text {
			padding-top:0.5em;
			clear:both;
		}
		
		#maincontent .route_description_text a {
			display:inline;
			line-height:normal;
		}
		
		ul li a {
			width:100%;
		}
		
		.route_description_text strong{
			display:block;
		}
		
		#openingstijden {
			margin-top:1em;
		}
		
		#openingstijden caption,
		#openingstijden th {
		margin-top:1em;
			font-weight:bold;
			text-align:left;
		}
		

/*************************************************************************
******************************** #secundarycontent ***********************
**************************************************************************/

#secundarycontent {
	float:left;
	width:22% !important;
	width:20%;
	padding-right:3% !important;
	padding-right:0;
	padding-top:0;
}

	/*************************************************************************
	******************************** #menu ***********************************
	**************************************************************************/
	
	#menu ul {
		list-style-type:none;
	}
	
	
	
	#menu li a {
		display:block;
		/*_height:1px;*/
		text-decoration:none;
		color:#000;
			/*background-color:#FFF;*/
		padding-left:0.6em;
		
		padding-top:0.2em;
		padding-bottom:0.2em;
		white-space:nowrap ;	
		 
		line-height:4.6em;
		font-weight:bold; 
	}
	
	#menu a img,
	#menu a object,
	#menu a embed {
		border:none;
		width:4.6em;
		height:4.6em;
		float:left;
		clear:both;
	}
	
	
	
	#menu li a:hover,
	#menu li a:focus {
		background-color:#FFC !important;
		/* IE is buggy with embed and hover */
		background-color:#FFF;
	}
	
	/*************************************************************************
	******************************** #basket *********************************
	**************************************************************************/
	
	#basket {
		margin:1em 0;
		border-bottom:3px solid #1CADD4;
		border-top:3px solid #1CADD4;
		padding:0.5em 0;
		margin-left:1em;
		margin-right:0.5em;
	}
	
	#basket h2 {
		font-weight:bold;
		margin:0;
		background-image:url(../images/basketicon.png);
		background-position:left;
		background-repeat:no-repeat;
		padding-left:1.5em;
	}
	
	#basket li {
		font-size:0.8em;
	}
	
	#basket a {
		color:#1CADD4;
	}
	
	/*************************************************************************
	******************************** #search *********************************
	**************************************************************************/
	
	#search fieldset {
		border-style:none;
		margin-left:1em !important;
		margin-left:0.5em;
		padding:0;
	}
	
	#search #searchinput {
		width:8em;
		font-size:1.2em;
		margin-left:0;
	}
	
	#search input {
		float:left;
	}
	
	#search label {
		display:block;
		width:13em;
		margin:0;
		padding:0;
		font-family:Verdana, sans-serif;
		color:#999;
		font-size:0.8em;
		clear:left;
	}
	#search label a {
		color:#1CADD4;
	}

/*************************************************************************
******************************** #footer *********************************
**************************************************************************/

#footer {
	font-family:Verdana, sans-serif;	
	clear:both;
	text-align:center;
	font-size:0.8em;
	padding:1em;
	margin-left:22%;
}		
		

#footer li {
	display:inline;
}	

#footer li a {
	padding:0 1em;
	color:#999;
	text-decoration:none;
}

/*************************************************************************
******************************** misc *********************************
**************************************************************************/
#tumb a {
	text-decoration:none;

}

	.magnifyingglass  {
		padding:10px 22px;
		display:block;
		margin-left:15px;
		font-size:10px;
		color:#000;
		background-image:url('../images/vergrootglas.png');
		background-position:center left;
		background-repeat:no-repeat;
	
		
	}

	.pdf-document {
		list-style-type:none !important;
		padding:0;
	}
	
	.pdf-document li a {
		display:block;
		width:400px;
		height:50px;
		padding-left:50px;
		margin:5px;
		color:#000;
		text-decoration:none;
		background-image:url(../images/pdf-icon.png);
		background-position:left top;
		background-repeat:no-repeat;
	}

	
	.pdf-document li a:hover,
	.pdf-document li a:focus {
		border-right:2px solid #000;
	}